title: Checkbox isn't clickable inside a accordion list
body: <p>I have a unordered list with some objects, when you click a <code>&lt;li&gt;</code> the list will minimize and when you click it again it will expand. I'm using jQuery UI's API on <a href="https://jqueryui.com/accordion/" rel="nofollow">Accordion</a>, the problem is that my checkbox inside my <code>&lt;li&gt;</code> isn't working. It's impossible for me to get it to work, and no "layers" is on top it. </p>
  
  <p>I've tried giving the checkbox <code>position:absolute; z-index: 1000000000</code> but with no result. I have also tried creating functions which would update the value on click but same there. No luck...</p>
  
  <p>The checkbox that doesn't work is the one next to the text <strong>"Publicera:"</strong></p>
  
  <p>See my <a href="https://jsfiddle.net/jackbillstrom/msy345gv/" rel="nofollow">JSFiddle</a>, why won't jQuery UI let me my checkbox?</p>