title: JQuery for dynamically generated input fields
body: <p>I am having a problem with the following; I have a dynamically generated table form. In one of the columns I have a select input with some options and in the following column I have an input field for Timestamp that should be automatically filled out with the current date as soon as the user selects one of the options. I have the following code, however, the timestamp is either only generated for the very first row (in case when I use id for input field)  or for all of the rows (in case when I use class for input field). I would need the timestamp to be filled only in the same row as the select drop down list is. Any help would be greatly appreciated. </p>
  
  <pre><code>&lt;select  class='Status'&gt; 
    &lt;option value= '1'&gt; Option1 &lt;/option&gt;
    &lt;option value= '2'&gt; Option2 &lt;/option&gt;
  &lt;/select&gt; 
  
  &lt;input type=text class='TimeStamp'/&gt;
  </code></pre>
  
  <p>Then for my JQuery I have the following code:</p>
  
  <pre><code>$(document).ready(function() {
      $('.Status').on('change', function() {
          $('.TimeStamp').val("CurrentDate");
  });
  });
  </code></pre>