title: jQuery can change the text of input submit type but button is no longer clickable
body: <p>I am using jaquery and jquery mobile version 1.8 and I have a button like so:</p>
  <pre><code>   &lt;div class=&quot;ui-bar-a&quot; id=&quot;myButton&quot; style=&quot;bottom:0;position: fixed;width: 100%&quot;&gt;
          &lt;input type=&quot;submit&quot; name=&quot;Next&quot; id=&quot;NextButton&quot; value=&quot;Save&quot;  /&gt; 
     &lt;/div&gt;
  </code></pre>
  <p>And I have a javascript that can change the text for it like so:</p>
  <pre><code>     $('#AnyButton').live('click', function() {             
          if(true)
          {
              $('#myButton div').text('Saving')
          }
          else
              $('#myButton div').text('Continue');
      });
  </code></pre>
  <p>I tried so many other ways that didn't work but this works however after I change the text the button seems to replace the myButton div content with the text Saving or Continue and thus the button is no longer clickable.</p>
  <p>In my browser debugger the button shows a text Save appear between myButton and the Nextbutton input.</p>
  <p>Like so:</p>
  <pre><code>&lt;div class=&quot;ui-bar-a&quot; id=&quot;myButton&quot; style=&quot;bottom:0;position: fixed;width: 100%&quot;&gt;
  &quot;Save&quot;
        &lt;input type=&quot;submit&quot; name=&quot;Next&quot; id=&quot;NextButton&quot; value=&quot;Save&quot;  /&gt; 
  &lt;/div&gt;
  </code></pre>