This is how i generate my checkbox.

2. <form id="formID" action="go.php" method="post" >
4. <?php $result = mysql_query("SELECT * FROM tbl_category order by name ");
5. $i=1;
6. while($row = mysql_fetch_array($result)){
7. echo '<input type="checkbox" class="validate[minCheckbox[1]] checkbox" name="categories[]"  value="'.$row['category_id'].'" id="'.$row['name'].'">'.
8. '<label for="'.$row['name'].'" class="fil_lab" ><span></span>'.$row['name']. '</label>';
9. if($i%5==0)
10. {
11. $i = 0;
12. echo '<br><br>';
13. }
14. $i++;}
15. ?>
17. <input class="submit" type="submit" value="Validate & Send the form!"/>
18. </form>

and this is my links:

2. <script src="js/jquery.js" type="text/javascript"></script>
3. <link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
4. <script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
5. <script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
7. <script>
8. jQuery(document).ready(function(){
9. // binds form submission and fields to the validation engine
10. jQuery("#formID").validationEngine();
11. });
12. </script>

The above code is working but once I implemented it on my main file nothing happens. and my form just submits.

This is my head area:

2. 
   
4. <script type='text/javascript'>
5. 
   
6. var map;
7. var marker;
10. function initialize() {
11.  var negros = new google.maps.LatLng(10.4167, 123.0000);
12.  var mapOptions = {
13.    zoom: 8,
14.    center: negros,
15.    mapTypeId: 'roadmap'
16.  };
17.  map =  new google.maps.Map(document.getElementById("map"), mapOptions);
20.   google.maps.event.addListener(map,'click', function(event) {
21. document.getElementById("latbox").value = event.latLng.lat();
22. document.getElementById("lngbox").value = event.latLng.lng();
23. addMarker(event.latLng);
24.  });
26. }
28. function addMarker(location) {
29.    // ... snip ...
30.    if (!marker) {
31.        // Create the marker if it doesn't exist
32.        marker = new google.maps.Marker({
33.        position: location,
34.        map: map,
35. draggable:true,
36. animation: google.maps.Animation.DROP
37.        });
38.    }
39.    // Otherwise, simply update its location on the map.
40.    else { marker.setOptions({ position  : location,
41.                    animation : google.maps.Animation.BOUNCE}); }
42. }
44. 
    
45. </script>
46. <!-- form validation-->
47. 
    
48. <script src="js/jquery.js" type="text/javascript"></script>
49. <link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
50. <script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8   </script>
51. <script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
53. <script>
54. jQuery(document).ready(function(){
55. // binds form submission and fields to the validation engine
56. jQuery("#formID").validationEngine();
57. });
58. </script>
59. <!--END -->
61. <style type="text/css">
62. input[type="checkbox"] {
63.    display:none;
64. }
65. input[type="checkbox"] + label span {
66.    display:inline-block;
67.    width:19px;
68.    height:19px;
69.    margin:-1px 4px 0 0;
70.    vertical-align:middle;
71.    background:url(check_radio_sheet.png) left top no-repeat;
72.    cursor:pointer;
73. }
74. input[type="checkbox"]:checked + label span {
75.    background:url(check_radio_sheet.png) -19px top no-repeat;
76. }
77. </style>
78.     
79. 
    
80. </head>