Bootstrap Modal

    <h3>Modal Example</h3>
    <a href="#myModal1" role="button" class="btn" id="launch">Launch Login</a>

<div id="myModal1" class="modal hide" tabindex="-1" role="dialog">
           <div class="modal-header">
               <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
               <h3>Login</h3>
           </div>
           <div class="modal-body">
               <label>User Name</label>
               <input placeholder='Username'/><br/>
                <label>Password</label>
               <input placeholder='Password'/>

           </div>
           <div class="modal-footer">
               <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
               <button class="btn btn-primary">Login</button>
           </div>
       </div>

$("#launch").click(function(){
    $("#myModal1").modal('show');
});