เขียน Select Checkbox All โดยใช้ jQuery แต่ทำงานเพียงครั้งเดียว

<div><input type="checkbox" id="selectAll"></div>

<?php
$sql = "SELECT * FROM table";
$query = mysql_query($sql);

while($obj = mysql_fetch_assoc($query)){

     echo "<div><input type="checkbox" class=".ChkBox"></div>";  // ".ChkBox"  ทำไมมีจุดด้วยค่ะ เอาออกซิค่ะ
}
?>

<script>
$("#selectAll").click(function(){
     var checkAll = $(this).prop("checked");
     $("input.ChkBox").each(function(){
          $(this).prop({"checked":checkAll});
     });
});
</script>

echo "<div><input type='checkbox' class='ChkBox'></div>";

<script src="http://code.jquery.com/jquery-latest.js"></script>
<div><input type="checkbox" id="selectAll"> Check All</div>

<div><input type="checkbox" class="ChkBox"> 1</div>
<div><input type="checkbox" class="ChkBox"> 2</div>
<div><input type="checkbox" class="ChkBox"> 3</div>
<div><input type="checkbox" class="ChkBox"> 4</div>
<div><input type="checkbox" class="ChkBox"> 5</div>
<div><input type="checkbox" class="ChkBox"> 6</div>
<div><input type="checkbox" class="ChkBox"> 7</div>

<script>
$("#selectAll").click(function(){
     var checkAll = $(this).prop("checked");
     $("input.ChkBox").each(function(){
          $(this).prop({"checked":checkAll});
     });
});
</script>

<script language="javascript" src="module/inc/scripts/jquery-1.8.1.min.js"></script>
<script> 
	function allcheck(){
        $(':checkbox').attr('checked','checked');
	}
</script>
<input type="button" onclick="allcheck();" />
<? for($i=1;$i<=5;$i++){ ?>
	<input type="checkbox" />
<? } ?>