title: How to simulate a carriage return in an input field that grows with text
body: <p>I've got a basic HTML form with a text area input field.</p>
  
  <pre><code>&lt;form action="process.php" method="post"&gt;
      &lt;textarea class="text-input" rows="1" cols="20" name="describe_your_project"&gt;
          &lt;input type="submit" value="submit" /&gt;
      &lt;/textarea&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>As the user types in this field as they type to the end of the space for this input field, I'd like for the <code>textarea</code> to basically drop down a line like a carriage return without the default scrollbar showing up.</p>
  
  <p>I've seen this in basecamp and other programs, but not sure if this is a jQuery function or CSS3 value.  Any insight would be great.</p>