title: Get parent class and trigger in jquery
body: <p>I want to trigger an event of the parent class by clicking a button or image.</p>
  
  <pre><code>&lt;li class="addImage"&gt;
  &lt;input class="PhotoPicker" type="file" accept="image/*" capture="camera" onchange="angular.element(this).scope().file_changed(this)" /&gt;
  &lt;a class='imageclick' onclick=" $(this).closest('.PhotoPicker').trigger('click');"&gt;
      &lt;img ng-src="images/add-photo.png"&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p></li></p>
  
  <p>Here <code>addImage</code> class is repeated and when I click on <code>imageclick</code> class, I want to trigger <code>photopicker</code> of that respective list. Its working good when I use,</p>
  
  <pre><code>('.PhotoPicker').trigger('click');
  </code></pre>
  
  <p>Kindly help me guys!</p>