title: jQueryMobile script runs twice on each pageload
body: <p>I've been trying to get a script that inserts a div of text after the first and second paragraph of an article to work in jQueryMobile. It works on the first pageload, but on the second it loads the content twice, and the third time it's loaded three times, and so on. </p>
  
  <p>The jQueryMobile libraries and my script is loaded in the head:</p>
  
  <pre><code>&lt;script src="http://code.jquery.com/jquery-1.6.4.min.js"&gt;&lt;/script&gt;
  &lt;script src="myscript.js"&gt;
  &lt;script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /&gt;
  </code></pre>
  
  <p>Then I have</p>
  
  <pre><code>&lt;body id="mobile"&gt;
  &lt;div id="wrapper" data-role="page"&gt;
  </code></pre>
  
  <p>And then the content of the page</p>
  
  <p>My script is executed as <a href="http://jquerymobile.com/demos/1.1.0-rc.1/docs/api/events.html" rel="nofollow">documented</a> on jquerymobile.com</p>
  
  <pre><code>$("#wrapper").live('pageinit', function() {
  </code></pre>
  
  <p>Am I missing something? Any help will be deeply appreciated.</p>