title: Click event not firing on checkbox
body: <p>Am I going crazy?</p>
  
  <p>I can't get a click event to fire on a checkbox. </p>
  
  <p>This is my JS:</p>
  
  <pre><code>    $(document).ready(function() {
          $('.checkbox').on('click', function () {
              console.log('ello');
          });
      });
  </code></pre>
  
  <p>This is my php/html:</p>
  
  <pre><code>    &lt;ul class="category-filters"&gt;
              &lt;li&gt;
                  &lt;input class="checkbox" value="Customer Service" type="checkbox"&gt;Customer Service
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;input class="checkbox" value="HR" type="checkbox"&gt;HR&lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>It is worth pointing out that if I change the function/method to hide then it works... </p>
  
  <p>but it does not trigger a click event. I've used on and click to try this.. </p>
  
  <p>Is it because the class selector I'm using returns an array?</p>
  
  <p>Cheer</p>