[jQuery] click/change events not recognized for checkboxes

[sdeo]

Hi
  I have the following html where I have a bunch of checkboxes which I
want to trigger events when checked/unchecked. But apparently the
events are not being recognized.

I have tried using various ways to access the checkboxes, but nothing
seems to work.
  1)    $('#manufacturers:checkbox').click(function(){
  2)    $("#mfglist:checkbox").click(function(){

Being new to JQuery, I did try reading all the blogs/tutorials, but no
luck so far. Any help is really appreciated.

Thanks!
sdeo

BEGIN HTML SNIPPET

<div id="manufacturers">
     <h3><a href="#">Manufacturers</a></h3>
      <div>
           <form id="mfgform" name="mfgform" method="post" action="">
                <ul id="mfglist">
                  <label><input name="mfg" id="mfg" value="Apple (10)"
type="checkbox">Apple (10)</label><br>
                  <label><input name="mfg" id="mfg" value="Nokia (30)"
type="checkbox">Nokia (30)</label><br>
                  <label><input name="mfg" id="mfg" value="Motorola
(8)" type="checkbox">Motorola (8)</label><br>
                  <label><input name="mfg" id="mfg" value="Samsung
(5)" type="checkbox">Samsung (5)</label><br>
              </ul>
           </form>
      </div>
</div>


JS file:

function selectMfgEvent(){
   console.log("begin selectMfgEvent");
   $('input[type="checkbox"]').click(function(){
                if($(this).is(":checked")){
                        console.log("checked = "+this);
                }

   });

$(document).load(selectMfgEvent());


};