Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>What is happening is the $(document).ready is being called twice. I think this may have to do with jQuery mobile.</p> <p>See here: <a href="https://stackoverflow.com/questions/10727002/jquery-document-ready-fires-twice">jQuery $(document).ready () fires twice</a> And here: <a href="http://forum.jquery.com/topic/jquery-jquerymobile-document-ready-called-twice" rel="nofollow noreferrer">http://forum.jquery.com/topic/jquery-jquerymobile-document-ready-called-twice</a> for more information. </p> <p>A quick fix is to put the script tag in the head tag. See example below. </p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"&gt; &lt;script src="http://code.jquery.com/jquery-1.8.3.min.js"&gt;&lt;/script&gt; &lt;script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready( function () { $(".start").append('&lt;div data-role="fieldcontain"&gt;&lt;label for="username"&gt;User Name:&lt;/label&gt;&lt;input type="text" name="username" id="username"&gt;&lt;/br&gt;&lt;label for="password"&gt;Password:&lt;/label&gt;&lt;input type="password" name="password" id="password"&gt;&lt;/div&gt;&lt;div data-role="content"&gt;&lt;input type="submit" value="Sign In"/&gt;&lt;/div&gt;'); return false; }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;br&gt; &lt;br&gt; &lt;div class="start"&gt; &lt;label class="control-label" for="inputEmail"&gt;Sign In to xRM 360&lt;/label&gt; &lt;/div&gt; &lt;br&gt; &lt;br&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload