title: jQueryMobile Can't scroll down to dynamically created page content
body: <p>Using jQueryMobile and the iscrollview plugin, I am having trouble scrolling down on a page that contains dynamically added content.
  This is my HTML:</p>
  
  <pre><code>&lt;div data-role="content" class="care-plan-fields"  id="scroll-wrapper" data-iscroll&gt;
  
                  &lt;div data-role="fieldcontain" id="field1"&gt;
                      &lt;label for="field1Text" id="field1Label"&gt;&lt;/label&gt;
                      &lt;textarea cols="40" rows="2" id="field1Text" spellcheck="true" autocorrect="on" autocapitalize="on"&gt;&lt;/textarea&gt;
                  &lt;/div&gt;
  
  
                  &lt;div data-role="fieldcontain"&gt;
                      &lt;label for="field2Text" id="field2Label"&gt;&lt;/label&gt;
                      &lt;textarea cols="40" rows="2" id="field2Text" spellcheck="true" autocorrect="on" autocapitalize="on"&gt;&lt;/textarea&gt;
                  &lt;/div&gt;
  
  
                  &lt;div data-role="fieldcontain"&gt;
                      &lt;label for="field3Text" id="field3Label"&gt;&lt;/label&gt;
                      &lt;textarea cols="40" rows="2" id="field3Text" spellcheck="true" autocorrect="on" autocapitalize="on"&gt;&lt;/textarea&gt;
                  &lt;/div&gt;
  
  
                  &lt;div data-role="fieldcontain" id="field4"&gt;
                      &lt;label for="field4Text" id="field4Label"&gt;&lt;/label&gt;
                      &lt;textarea cols="40" rows="2" id="field4Text" spellcheck="true" autocorrect="on" autocapitalize="on"&gt;&lt;/textarea&gt;
                  &lt;/div&gt;
  
              &lt;/div&gt;
  </code></pre>
  
  <p>I add data to textareas in the <strong>pagebeforeshow</strong> handler like this:</p>
  
  <pre><code>$("label[for='field1Text']").text(carePlan.fields[0].label);
  $('#field1Text').val(carePlan.fields[0].text);
  </code></pre>
  
  <p>And then immediately call refresh on the scroll view to get it to resize:</p>
  
  <pre><code>$('#scroll-wrapper').iscrollview("refresh");
  </code></pre>
  
  <p>However, while the textareas have resized to accommodate the size of the text added to them, the page does not seem to resize and I can't scroll down if that added data extends past the bottom of the page.</p>
  
  <p>If I navigate away from the page and back again, I can scroll down fully.</p>
  
  <p>I think it is some rendering problem and can't figure out how to re-render the page without navigating away an back again. (note the iscrollview plugin is working for other list views within my app, but they don't have dynamically added data like this.)
  Anyone have any ideas?
  Cheers</p>