title: textarea expanded with jquery, not submitting the form when i click the submit button
body: <p>I want the button to submit the form while the textarea is expanded. How do i do this? </p>
  
  <p>The problem is that when I click the Post button in the form, while the textarea is expanded, it does not submit the form, instead it shrinks back down, and I need to click it again while it is smaller, to submit the form.</p>
  
  <p>Currently in order to submit the post, i need to click the post button while the textarea is not expanded.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;form method='POST' action='elsewhere.php'&gt;
      &lt;textarea id="textarea" style="width:550px; height:25px;"&gt;&lt;/textarea&gt;
      &lt;input class="btn" type='submit' value='Post'/&gt;                             
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>jquery</strong></p>
  
  <p>Currently when I click the text area, the height expands, and when i click elsewhere it shrinks. when i click the post button, while the textarea is expanded it doesnt submit the post, intead it shrinks the textarea back down.</p>
  
  <pre><code>$('#textarea').click(function(){
      $(this).css('height','100px')
      $(this).html('');
      $(this).blur(function(){
          $(this).css('height','25px')
  
      });
  })
  </code></pre>