Jquery mobile 1.0 live

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css">
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
        <div id="sqlFieldConfigScreen">                        
              
            
        </div>

JavaScript

function buildHTML(){
    
var html = "<span> Choose field(s): </span>";                                
                
                html += "<div data-role=controlgroup>";                        

                html +=   "<label for=id1> Field 1 </label>";

                html +=   "<input type=checkbox id=id1 name=p1 />";

                html +=   "<label for=id2> Field 2 </label>";

                html +=   "<input type=checkbox id=id2 name=p2 />";
                                

                html += "</div>";
                                        
                
                $('#sqlFieldConfigScreen').empty().append(html); 
    
    $('#sqlFieldConfigScreen').trigger('create');    
    
    
    
}    

$(document).ready( function() {
    alert('Hii');
            


buildHTML();

$(":checkbox").click(function() {
                if( $(this).is(':checked') ) {
             alert("Checked");
                } else {
                    alert('Unchecked');
                }
 
            });});