title: Display a post under the form after submitting it
body: <p>I'm trying to build something similar to Facebook's posting system. </p>
  
  <p>Goal: Display a new DIV below an INPUT TEXT field upon the user clicking POST. The DIV should display the contents of the text field.</p>
  
  <p>This is what I have tried:</p>
  
  <h3>HTML</h3>
  
  <pre><code>&lt;div class="update"&gt;
      &lt;p&gt;Update &lt;/p&gt;
      &lt;div class="feed-me" &gt;&lt;/div&gt;
      &lt;input type="text" name="update status" Id="cmm_box" placeholder ="What's on your mind " /&gt;
      &lt;input type="button" value="post"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <h3>JavaScript/jQuery</h3>
  
  <pre><code>&lt;script &gt;
      var text front = "" ;
      var text end = " @user name " ;
  
      $(document).ready ( function ) {
          $('input  [ type=button] ' ).click(
              function ( ) { update( ); }
              );
          });
  
      function update( ) {
          $( ' div.feed_me ' ) .html ( textfront + $ ( ' cmm_box ' ).val( ) + textend ) ;
  
          $( ' div.feed_me ' ) .html ( textfront + $ ( ' cmm_box ' ).val( ) + textend ) ;
  
          $( ' div.feed_me ' ) .html ( textfront + $ ( ' input [ name=update ] ' ).val( ) + textend ) ;
  
  &lt;/script &gt;
  </code></pre>