<div id="starring">
 <!--  <div style="float:right; width:350px; border:1px solid #ccc; padding:1em;">
     <strong>Server response:</strong> 
      <ul id="response">       
      </ul> 
     </div> -->
<!-- <input type="range" min="0" max="5" value="0" step="1" id="backing2" >
 RateIt: <div class="rateit" data-rateit-backingfld="#backing2" data-productid="312"></div> data-rateit-readonly="true" --> 
<!--  Rating :  -->
 <div class="rateit" id="rateit" data-rateit-value="" data-rateit-flag="" data-rateit-ispreset="true" data-rateit-id="" data-rateit-type="" data-rateit-typeid="" data-rateit-step=1 data-rateit-resetable="false">
 </div>
 </div>
 <script type ="text/javascript">
     
// $('#starring .rateit').bind('rated', function (e) {
//     alert("hello");
//     var ri = $(this);
//     var status = true;
//     var ratetype = ri.rateit('type');
//     var ratetypeid = ri.rateit('typeid');     
//     var rateflag = ri.rateit('flag');
//     //if the use pressed reset, it will get value: 0 (to be compatible with the HTML range control), we could check if e.type == 'reset', and then set the value to  null .
//     var ratevalue = ri.rateit('value');
//    // alert("hi "+ratevalue);
//     var userid = ri.rateit('id'); // if the product id was in some hidden field: ri.closest('li').find('input[name="productid"]').val()
//     if(rateflag == 1 && userid <= 0){ //alert("2");
//	    	status = checkLogin1(ratetype,ratetypeid,'rate');	    	
//	     }	 
//	 if(status != false){
//		// alert("here");
//	    	checkRated();	    
//	 }
//	 
// });

 </script>