how to replace a button text in jQuery mobile
<p>Below is my app code</p>

<pre><code>&lt;li class="ui-block-e"&gt;
  &lt;a href="#login" data-transition="slide" data-role="button" data-theme="b" data-mini="true" id="UserLoginButtonP5" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="span" class="ui-btn ui-btn-inline ui-mini ui-btn-up-b" data-inline="true"&gt;
    &lt;span class="ui-btn-inner"&gt;
      &lt;span class="ui-btn-text"&gt;Login&lt;/span&gt;
    &lt;/span&gt;
  &lt;/a&gt;
&lt;/li&gt;
</code></pre>

<p>jQuery replace code</p>

<pre><code>$("#UserLoginButtonP1").html("&lt;span class='ui-btn-inner'&gt;&lt;span class='ui-btn-text'&gt;Logout&lt;/span&gt;&lt;/span&gt;");
</code></pre>

<p>How do I replace Login to Logout text?</p>
