title: jQueryMobile 'data-scroll=true' does not work on dynamically injected pages
body: <p><code>data-scroll="true"</code> works fine if the page is static page, but if I add page dynamically using javascript it does not work.</p>
  
  <p>My Header section is :</p>
  
  <pre><code>&lt;link rel="stylesheet" href="css/jquery.mobile-1.0rc2.css" /&gt;
  &lt;link rel="stylesheet" href="css/jquery.mobile.scrollview.css" /&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery.mobile-1.0rc2.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery.easing.1.3.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery.mobile.scrollview.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/scrollview.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I also added the <code>data-scroll</code> attribute and set it to <code>true</code> using javascript, below is my code : </p>
  
  <pre><code>var pageHtml = "&lt;div data-role='page' data-scroll='true' id=page" + pageId + " data-url=page" + pageId + "&gt;";
  var pageHeader = "&lt;div data-role='header' data-position='fixed'&gt;&lt;h1&gt;" + menuItem + "&lt;/h1&gt;&lt;/div&gt;";
  var pageContent = "&lt;div data-role='content' id='page" + pageId + "Content'&gt;&lt;/div&gt;";
  var page = pageHtml + pageHeader + pageContent + "&lt;/div&gt;";
  $(page).appendTo($.mobile.pageContainer);
  </code></pre>
  
  <p>Please help me... </p>