Javascript Code
Please Note – this doesnt work with old version of js File


$('document').ready(function(){
$('#cboCity').live("change", function(){
alert('Hi there');
});

$('#btnChange').on("click", function(){
changeCities();
});
});

function changeCities()
{
strSelect = "<select id='cboCity' name='cboCity'><option>Chennai</option><option>Mumbai</option></select>";
$('#City').html(strSelect);
}

HTML Code

<input id="btnChange" type="button" name="btnChange" value="Change Me" /></pre>
<table>
<tbody>
<tr>
<td>
<div id="City">
<select id="cboCity" name="cboCity"><option>Chennai</option><option>Mumbai</option><option>Delhi</option><option>Kolkatta</option><option>Andrapradesh</option>
</select>

</div>
</td>
</tr>
</tbody>
</table>

Toggle Class does not work by the way you think

.ClassA
{        
  color : green;
}

.ClassB
{
  color : red;
}
 $('document').ready(function(){
   $('.ClassA').on('click', function(){
      alert($(this).attr('class'));
      $(this).toggleClass('ClassB')
   }); 
 });
<div>Class A</div>
<div>Class B</div>

After the first Time ClassA is Applied When you click ClassA both ClassA and ClassB will be applied to the same tag.

The alert message will display output some thing link ClassA ClassB

How to Switch States in Jquery Between Yes or No

.CrossMe
 {
    background : url(CrossMe.gif) no-repeat;
    cursor     : pointer;
    float      : left;
    height     : 44px;
    width      : 51px;
 }

 .TickMe
 {
    background : url(TickMe.gif) no-repeat;
    cursor     : pointer;
    float      : left;
    height     : 44px;
    width      : 49px;
 }

 .NotInterested
  {
    background : url(NotInterested.gif) no-repeat;
    cursor     : pointer;
    float      : left;
    height     : 44px;
    width      : 241px;
  }

 .Interested
 {
    background : url(IamInterested.gif) no-repeat;
    cursor     : pointer;
    float      : left;
    height     : 44px;
    width      : 243px;
 }

Jquery to Change Class

$('document').ready(function(){             
    $('.CrossMe').click(function(){
        $(this).toggleClass('TickMe');

        var prevClass = $(this).prev().attr('class');
        if(prevClass=='Interested')
        {
          $(this).prev().removeClass('Interested').addClass('NotInterested');
        } 
        else
        {
          $(this).prev().removeClass('NotInterested').addClass('Interested');
        }
    });
});

HTML to create divs