dynamic tab selecting

dynamic tab selecting

I have four tabs.  When the user clicks on one tab, all of the tabs are changed via some html code.  I notice that I loose my listener doing this because I get no actions on the second click.  Here is some of my code:

  1. var profileTabSelected = '<ul><li class="tab" id="profile"></li><li class="tab" id="stats"></li><li class="tab tab3" id="login"></li><li class="tab activeTab" ></li></ul>';
I change the html of the nav bar by this:
  1. $("#nav").html(profileTabSelected );
Please advise on how I can allow the user to click on another tab after the first click.