title: Changing value of submit button in jQuery does not work
body: <p>I want to change the value (displayed text) of a submit button with jQuery 1.4.5:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('.filter_watch').change(function() {
        $('#filter_submit').val("New text");
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.4/jquery.min.js"&gt;&lt;/script&gt;
  &lt;select name="brand" class="filter_watch"&gt;
    &lt;option&gt;change&lt;/option&gt;
    &lt;option&gt;me&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;input id="filter_submit" type="submit" value="Suchen" data-theme="b"&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I also tried:</p>
  
  <pre><code>$('#filter_submit').prop("value", "New text");
  </code></pre>
  
  <p>The change function fires as it logs the event, but the button text will not change. I tried a couple of varions as found on SO, but non of them had any effect. </p>
  
  <p>The problem seems to be, that the submit button value is changing, but the text on it is set within the div due to jQuery mobile. </p>
  
  <p>After rendering and change event the button looks like this:</p>
  
  <pre><code>&lt;div class="ui-btn ui-input-btn ui-btn-b ui-corner-all ui-shadow"&gt;
     Suchen
     &lt;input id="filter_submit" type="submit" value="New text" data-theme="b"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What could be the reason for this and how can I change the value?</p>