title: JQuery - div visibility via checkbox
body: <p>I have a series of matching checkboxes and divs on my page. Each checkbox needs to be able to show/hide the corresponding div when it is checked/unchecked. Each div starts out hidden on page load. I've read through many threads on similar issues here, but I can't get any of the examples to work for my requirements. </p>
  
  <p>I've set up an example on JSFiddle: <a href="http://jsfiddle.net/shimmoril/wzMM4/11/" rel="nofollow">http://jsfiddle.net/shimmoril/wzMM4/11/</a>. I thought that having style="display: none;" on the div might be messing w/ the JQuery, but when I removed it from the first div the toggle still didn't work. </p>
  
  <p>Thanks for your help. </p>