How Do I Get Print Dialogue Box Using Jquery

Question

i have a form in which i get all employee security cards on by clicking a button,and another button to print these cards using jquery ,i have following code

Hide Copy Code

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">         <script type='text/javascript'>                         $(function () {                                 $("#spcards").find('.print').on('click', function () {                     $.print("#spcards");                 });                             });             	</script>                <div class="col-sm-2">                      <asp:Button ID="EmpSC" CssClass ="btn btn-green btn-block " Width="150" runat="server" OnClick="EmpSC_Click" Text="Create Sc" />                 </div>         <br />          <button class="print"> Print this </button>         <div id="spcards"  runat="server">                    </div>   

and c# code is

 protected void EmpSC_Click(object sender, EventArgs e)   
      { 
            EmployeeSpDataSet dataset = new EmployeeSpDataSet();
 StringBuilder sb = new StringBuilder();
 var AllEmp = _service.GetAllEmployeeDuty().OrderByDescending(x => x.EndDate)
.GroupBy(x => x.Employee_Id).Select(x => x.First()).Take(3).ToList();  
           if (AllEmp != null)      
       {    
             for (int i = 1; i <= 3; i++)   
              {      
               var empsp = AllEmp.FirstOrDefault();  
                   var emp = _service.GetAllEmployee().Where(x => x.Id == empsp.Employee_Id).FirstOrDefault();    
                 dataset.EmployeeScpass.Rows.Add(emp.Id,              
           emp.Name,           
              emp.Cnic,            
             empsp.ToSectorName,    
                     emp.ImgBody, ""  
                       );             
                            sb.Append("<table style=\"height:324px; width:504px; background-image:removed(../Images/PassFront.jpg)\">");    
                 sb.Append("<tr style='height:200px;'>");     
                sb.AppendFormat("<td><img src=\"EmpPicture.ashx?id={0}\" style=\"height:200px; width:200px; margin-top:82px; margin-left:17px;\" /></td>", emp.Id);     
                sb.Append("<td><table>");            
         sb.AppendFormat("<tr><td>Name: </td><td>{0}</td></tr>", emp.Name);   
                  sb.Append("</table></td></tr><tr><td></td><td></td></tr></table><br/>"); 
                      AllEmp.Remove(empsp);             
    }   


 spcards.InnerHtml = sb.ToString();
                
               // sb.Append("<button class=\"print\"> Print this </button><br/>");
            }

how do i can do this