title: jQuery this form input
body: <p>I'm having problems getting the form input when passing "this" form into the form processing function.</p>
  
  <p>HTML: </p>
  
  <pre><code>&lt;form onsubmit="return process_feedback(this);"&gt;
      &lt;input name="ItemID" type="hidden" value="123" /&gt;
      &lt;input name="Submit 1" type="submit" value="Submit" /&gt;123
  &lt;/form&gt;
  
  &lt;form onsubmit="return process_feedback(this);"&gt;  
      &lt;input name="ItemID" type="hidden" value="234" /&gt;
      &lt;input name="Submit 2" type="submit" value="Submit" /&gt;234
  &lt;/form&gt;
  
  &lt;form onsubmit="return process_feedback(this);"&gt;  
       &lt;input name="ItemID" type="hidden" value="345" /&gt;
       &lt;input name="Submit 3" type="submit" value="Submit" /&gt;345
   &lt;/form&gt;
  
  &lt;div id="FormSubmitStatus"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>javascript:</p>
  
  <pre><code>function process_feedback(form) {
  
      var ItemID = $('form:input[name="ItemID"]').val();
  
      $('#FormSubmitStatus').html("You submitted the form for ItemID " + ItemID);
  
      return false;
  
  }
  </code></pre>
  
  <p>All i'm getting back from the ItemID variable is "undefined". <a href="http://jsfiddle.net/PottyMonster/GV3Z6/" rel="nofollow">http://jsfiddle.net/PottyMonster/GV3Z6/</a></p>
  
  <p>Any help greatly appreciated.</p>
  
  <p>Dan</p>