I got issue that jquery object is null and i am unable to call function ..Plz check the below code and Can anybody help to to solve the Problem
<html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<!--<script type="text/javascript" src="js/sPlusRatings.js"></script> -->
<link href="sPlusMenu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {
$(".CheckBoxGraphClass").change(function(){
if($(this).is(":checked")){
$(this).next("label").addClass("LabelSelected");
}else{
$(this).next("label").removeClass("LabelSelected");
}
});
});
function getDisplay()
{
var val='<div><input id="availableShows11" name="availableShows" type="checkbox" class="CheckBoxGraphClass" value="30 Rock" /><label id="Label11" for="availableShows11" class="CheckBoxLabelClass" onclick=getFun("availableShows11")>30 Rock</label></div><div><input id="availableShows12" name="availableShows" type="checkbox" class="CheckBoxGraphClass" value="Apprentice 10" /><label id="Label12" for="availableShows12" class="CheckBoxLabelClass" onclick=getFun("availableShows12")>Apprentice 10 </label></div>';
$('#displayDiv').html(val);
}
</script>
</head>
<body onload="getDisplay()">
<form id="sheduleFilter" name="sheduleFilter" method="post" >
<div id="displayDiv">
</div>
</form>
</body>
</html>