I can no longer click the checkboxes in my form?

While working on a "sign-up" type form with a lot of text and checkbox inputs, I've changed something that no longer allows me to use the mouse to check or uncheck my checkboxes and I'm not sure what.

Oddly (to me anyway), if I tab to any given checkbox and use the space bar, the checkbox will check or uncheck as desired.

I changed the "name" and added a "value" to get my form data to populate correctly in a PHP driven email. I need those in order for the PHP to work as I have it setup, but I've tried going back and deleting those changes as a test and I'm still not able to use the mouse to check or uncheck even after reverting to the original code which was working.

Am I missing something obvious? Any suggestions?

The current HTML:

<ul class="button-list">
<!--  Available Activities Checkboxes -->
    <li><input type="checkbox" name="sport[]" value="Fishing"><label for="fish">Fishing</label></li>
    <li><input type="checkbox" name="sport[]" value="Fly-fishing"><label for="fly-fish">Fly Fishing</label></li>
    <li><input type="checkbox" name="sport[]" value="Hunting"><label for="hunt">Hunting</label></li>
    <li><input type="checkbox" name="sport[]" value="Boat Charters"><label for="charter">Boat Charters</label></li>
    <li><input type="checkbox" name="sport[]" value="HIking"><label for="hike">Hiking</label></li>
    <li><input type="checkbox" name="sport[]" value="Rafting or Paddling"><label for="raft">Rafting/Paddling</label></li>
    <li style="width:auto;"><input type="text" name="other_sports" id="other_sports" value="" placeholder="Something we missed?"></li>                                          
</ul>

The Original HTML:

<ul class="button-list">
    <li><input type="checkbox" name="sport" id="fish"><label for="fish">Fishing</label></li>
    <li><input type="checkbox" name="sport" id="fly-fish"><label for="fly-fish">Fly Fishing</label></li>
    <li><input type="checkbox" name="sport" id="hunt"><label for="hunt">Hunting</label></li>
    <li><input type="checkbox" name="sport" id="charter"><label for="charter">Boat Charters</label></li>
    <li><input type="checkbox" name="sport" id="hike"><label for="hike">Hiking</label></li>
    <li><input type="checkbox" name="sport" id="raft"><label for="raft">Rafting/Paddling</label></li>
    <li style="width:auto;"><input type="text" name="other-sports" id="other-sports" value="" placeholder="Other services?"></li>                                           
</ul>