Checkbox with jQuery not working at all

[ankur0101]

Hi,

I have html code like,

<script>
    
     $("#premium_seat").click( function(){
   if($('#premium_seat').attr('checked') == 'checked')
   {
       alert('Bingo');
   }
   
});
     
     
    </script>
<div class="control-group">
<label class="control-label" for="inputEmail"><b>Premium Seat</b></label>
<div class="controls">
             <input type="checkbox" name="premium_seat" id="premium_seat" />
             </div>
             </div>
 

 

What I want to do is when I tick on this checkbox, it will show me Bingo Dialogue box.

This works here > http://jsfiddle.net/TyMNp/

But on my designing page, it is not working at all. I am using jquery v1.7.2

 

However other jquery functions such as

 

$(document).ready(function() {
   document.getElementById("premium_pointer").innerHTML="";
   //$("#premium_amount :input").attr("disabled", true);
   
});
 

 

are working fine

 

 

[yomanny]

Is the click event code inside of  document.ready ?

 

I know I had trouble with stuff like this when my event-binding code wasn't inside of document.ready.

 

- W

[ankur0101]

No, click event is not inside document.ready

[yomanny]

Then put it in there and see if it helps, sir.

[yomanny]

Working code

<script>
$('document').ready(function() {
	$("#premium_seat").click( function(){
			
		if($('#premium_seat').is(':checked'))
		{
			alert('Bingo');
		}
	});
});
</script>

[ankur0101]

That worked.

Thanks 

yomanny