title: Modal with bootstrap, show value from textarea
body: <p>I'm using bootstrap modals and I'm trying to show in the modal the value of a textarea, here the code:</p>
  
  <pre><code>&lt;textarea name="text" id="moderador" rows="20"&gt;&lt;?=trim($contenido)?&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>And the modal:</p>
  
  <pre><code>&lt;div id="previa" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
    &lt;div class="modal-header"&gt;
      &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;×&lt;/button&gt;
      &lt;h3 id="myModalLabel"&gt;Vista Previa&lt;/h3&gt;
    &lt;/div&gt;
    &lt;div class="modal-body" id="modals"&gt;
      &lt;script&gt;
          $("#modals").html($("#moderador").val());
      &lt;/script&gt;
    &lt;/div&gt;
    &lt;div class="modal-footer"&gt;
      &lt;button class="btn btn-primary" data-dismiss="modal" aria-hidden="true"&gt;Cerrar&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem is.. when i add something in the textarea, the modal didn't show, only show the 1st value, don't update the information, what can i do?</p>
  
  <p>sorry for my english!</p>