title: Triggering input click not working because of its label
body: <p><strong>HTML</strong></p>
  
  <pre><code>&lt;label class="filter-label" for="myId"&gt;
      &lt;input class="filter-checkbox" type="checkbox" id="myId"/&gt;
       &lt;span&gt;@item.Text&lt;/span&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>$('.filter-checkbox').click(function() {
      //do something
  }
  
  
  //in another function I am calling below
  $('#myId').trigger("click");
  </code></pre>
  
  <p>I dont know the reason but click trigger is working for checkbox but not for label I just want to trigger a click for label.</p>
  
  <p>I think when I call trigger for #myId label also fires click event again then nothing happens. How can I solve this problem ?</p>