I need a checkbox selection with in dropdown/listbox,the below code is my sample code,that is working very fine with out master page but when I insert the same code with in master page then only the check boxes are not comming but I can able to select multiple items from list,I know the problem is with Jquery. Jquery is not triggering properly when I place the content in master page,so can any one help me to rectify this error
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Multi Select Dropdown with Checkboxes</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css"
rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />
<script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div style="padding:20px">
<asp:ListBox ID="lstFruits" runat="server" SelectionMode="Multiple">
<asp:ListItem Text="Mango" Value="1" />
<asp:ListItem Text="Apple" Value="2" />
<asp:ListItem Text="Banana" Value="3" />
<asp:ListItem Text="Guava" Value="4" />
<asp:ListItem Text="Orange" Value="5" />
</asp:ListBox>
<asp:Button ID="Button2" Text="Submit" runat="server" OnClick="Submit" />
<script type="text/javascript">
$(function () {
alert(hai);
$('[id*=lstFruits]').multiselect({
includeSelectAllOption: true
});
});
</script>
</div>
</form>
</body>
</html>