title: Getting TextArea Using JQuery
body: <p>I am submitting a form using JQuery. The form looks like below</p>
  
  <pre><code>&lt;form class="ask-more-form"&gt;
  &lt;div class="product_info_2"&gt;
  &lt;textarea name="product_question" class="textbox" placeholder="Ask You Question Here"&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  &lt;input type="hidden" name="product_id" value="1" id="product_id"&gt;
  &lt;a href="#" class="whiteButton submit" id="ask-more-submit-button"&gt;Ask Question&lt;/a&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>And the JQuery to catch the form looks like this:</p>
  
  <pre><code>$('#ask-more').on('submit', '.ask-more-form', function() {
          var product_id = $(this).children('input[name=product_id]').val();
          var product_question = $(this).children('textarea[name="product_question"]').text();
  
  alert(product_question);
  //submitQuestion(product_id, product_question);
  
                  });
  </code></pre>
  
  <p>The product_id is always read but the product question is is always null. Can anyone tell me why this is happening?</p>