title: Having trouble unbinding a function
body: <p>I have 4 images of people, each person has 4 images of food that corresponds with them. When the name of a person is clicked, it bolds their name. It un-bolds if you click another name.</p>
  
  <p>The second thing I'm trying to do, is have the food images switch when you click on each person. So far, they just seem to be compiling, and not dumping the previous. I tried unbinding the functions that pull in the images to try and have the images disappear when you click a new name, but I can't make it work!</p>
  
  <p>Anyone know what I can do? All help is greatly appreciated!</p>
  
  <pre><code>$(document).ready(function(){
    $('a').click(function(){
      $(".onclick").removeClass('onclick');
      $(this).addClass('onclick');
      return false;
    });
    $('#Jim').click(function(){
      groceryList (Jim);
      $("#Jim").unbind();
      return false;
    });
    $('#Jane').click(function(){
      groceryList (Jane);
      $("#Jane").unbind();
      return false;
    });
    $('#Bob').click(function(){
      groceryList (Bob);
      $("#Bob").unbind();
      return false;
    });
    $('#Roberta').click(function(){
      groceryList (Roberta);
      $("#Roberta").unbind();
      return false;
    });
  });
  </code></pre>