Question

I have this very simple button that I would like to hide

<input type="button" id="logoutBtn" value="logout" 
       data-theme="d" data-inline="true" aria-disabled="false">

I am using this simple call to try and hide it but it does not do anything

$('#logoutBtn').hide();

So then I tried adding this, which does not work either.

$('#first').live('pageinit', function(e){
      $('#logoutBtn').hide();
});

What am I doing wrong?

Answer 1

Possible duplicate of jquery mobile cannot hide submit button

<div data-theme="e" class="ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-hover-e ui-btn-down-e" aria-disabled="false">
    <span class="ui-btn-inner ui-btn-corner-all">
        <span class="ui-btn-text">Submit</span>
    </span>
    <input type="submit" id="logoutBtn" value="button" data-theme="e" data-inline="true" class="ui-btn-hidden" aria-disabled="false">
</div>

$('#logoutBtn').closest('.ui-btn').hide();