title: Keyup function is not transferring data in the lower div
body: <p>keeping it simple and short, this is my code and I want to have the text content from the text input field to be shown in another div(showcontent)..although no jQuery error is flagging in my firebug..but still it is not showing content in the lower div, let me know what I am doing wrong ? </p>
  
  <p>Also let me know the correct function for this type of functionality if <code>keyup</code> is not appropriate for handling this?</p>
  
  <pre><code>&lt;form&gt;
  &lt;input type="text" name="usertext" placeholder="Enter text" id="usertext" /&gt;
  &lt;/form&gt;
  
  &lt;div id="showcontent"&gt;&lt;/div&gt;
  
  &lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  jQuery(document).ready(function(){
      jQuery('#usertext').keyup(function(){
          var mytext = jQuery('#usertext').text();
          jQuery('#showcontent').html(mytext);
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I tried <code>jQuery('#usertext').on('keyup',function(){...});</code>  but no help :(</p>