title: Trigger click on all elements with class
body: <p>Here's the situation...</p>
  
  <p>I have multiple buttons with a class <code>.delete-rule</code></p>
  
  <p>I have a click event tied to that class:</p>
  
  <pre><code>$('.delete-rule').click(function(){
      // do stuff
  });
  </code></pre>
  
  <p><strong>The Problem:</strong> When I <code>trigger</code> a click event on that class, the only event that fires is the click event on the first button - none of the subsequent buttons' click events fire.</p>
  
  <p>How do I get all buttons with the <code>.delete-rule</code> class to fire when I call:</p>
  
  <p><code>$('.delete-rule').trigger('click')</code>?</p>