title: Access data-id of clicked object, and click another object with same id
body: <p>I need to click on an object and have it click another object that has the class of the data-id from the first click.</p>
  
  <p>So when someone clicks on the first input with the class of "1stclick" it will then trigger a click of a  2nd input with the class name of the data-id from the first input clicked.</p>
  
  <p>I need it to be dynamic, because there will be multiple sets of inputs per page.</p>
  
  <pre><code>&lt;input class="1stclick" data-id="productNumber"&gt;First Click&lt;/input&gt;
  
  &lt;input class="productNumber"&gt;Auto Click Here&lt;/input&gt;
  </code></pre>
  
  <pre><code>jQuery('.1stclick').click(function() {
        var productNumber = $(this).data('id');      
        jQuery(productNumber).trigger("click");   
  });
  </code></pre>