title: onclick form submit not working with prettycheckable styled checkbox/radio
body: <p>I have a few forms that have custom styled checkboxes and radio buttons, with prettycheckable (from <a href="http://arthurgouveia.com/prettyCheckable/" rel="nofollow">http://arthurgouveia.com/prettyCheckable/</a> ).</p>
  
  <p>I am trying to get it working like this so that it automatically submits the form when a checkbox or radio is checked/ticked.</p>
  
  <pre><code>&lt;script type"text/javascript"&gt;
  $(":checkbox").click(function() {
    $(this).closest("form").submit();
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;script type"text/javascript"&gt;
  $(":radio").click(function() {
    $(this).closest("form").submit();
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>but absolutely nothing happens when it's clicked. I am thinking it may be because the actual checkbox is replaced with a styled span by prettycheckable. How do I catch that "click" anyways?</p>
  
  <p>UPDATE:</p>
  
  <p>I tried this:</p>
  
  <pre><code>&lt;script type"text/javascript"&gt;
  $(":checkbox").on('change', function() {
    $(this).closest("form").submit();
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>But it's also not working. I have a feeling I'm close but I'm not really good at jQuery ...</p>
  
  <p>Someone seems to have had the same issue here:</p>
  
  <p><a href="https://github.com/arthurgouveia/prettyCheckable/issues/51" rel="nofollow">https://github.com/arthurgouveia/prettyCheckable/issues/51</a></p>
  
  <p>And the above worked for them ...maybe I have a small error somewhere?</p>
  
  <p>ONE MORE UPDATE:</p>
  
  <p>Here is a JSFiddle of the same markup I'm using :)</p>
  
  <p><a href="http://jsfiddle.net/MKChris/5y2Uz/" rel="nofollow">http://jsfiddle.net/MKChris/5y2Uz/</a></p>