title: How to define the height and width of the text area in Jquery Mobile?
body: <p>Before entry, the input field is predefined size (two lines on the screen width)..:( Its not taking anything as I define in the rows and cols value..
  Ex:
  Still the input feild is fixed...Showing no changes.</p>
  
  <p>Gradually, as we introduced the text, the height of the input field increases, to view the text introduced in its entirety.</p>
  
  <p>But what I need is to define my own height and width of the textfeild...And gradually feild should increase if the text entered is more.</p>
  
  <p>Code I am using is:</p>
  
  <pre><code>&lt;div data-role="content"&gt;
  &lt;form method="post" name="login" data-ajax="false"&gt;
  &lt;label for="textarea"&gt;&lt;h3&gt;&lt;u&gt;Add Comment&lt;/u&gt; : &lt;/h3&gt;&lt;/label&gt;
  &lt;textarea cols="8" rows="50" name="textarea" id="comment"&gt;
  &lt;/textarea&gt;
  &lt;/form&gt;
  &lt;div&gt;
  </code></pre>