Open jQuery Dialog Box based on Database column status using jQuery in ASP.Net

I need to open this dialog on pageload when isactive condition on database is 1,either Server side or client side

select * from tbl_Customers where isactive=1

ID  Name    Phone               Email                           isactive

1   azarudin   8945845626   dsfrdsf@gmail.com              1

2   Vijay        9856262232   nithyvijay1124@gmail.com   1

3   Raman     9348521697   ram@gmail.com                  1

7   Raja       9638527415     fsdjfs@gmail.com               1

9   varun      8529631470     varun@gmail.com               1

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
     <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/json2/20130526/json2.min.js"></script>
     <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
     <link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/start/jquery-ui.css"
         rel="stylesheet" type="text/css" />
    
    <script type="text/javascript">
        $(function () {
            $("#modal_dialog").dialog({
                title: "Manage Customers",
                autoOpen: false,
                width: 500,
                open: function () {
                    $('#disableBackGround').attr('style', 'display:block');
                },
                buttons: {
                    ADD: function () {
                        var Name = $("#<%=TextBox1.ClientID%>").val();
                        $('#<%= hndtxt.ClientID %>').val(Name);
                        var num = $("#<%=TextBox2.ClientID%>").val();
                        $('#<%= Hiddenfield1.ClientID %>').val(num);
                        var email = $("#<%=TextBox3.ClientID%>").val();
                        $('#<%= Hiddenfield2.ClientID %>').val(email);
                        var address = $("#<%=TextBox4.ClientID%>").val();
                        $('#<%= Hiddenfield3.ClientID %>').val(address);
                        $("[id*=add]").click();
                    },
                    Close: function () {
                        $('#disableBackGround').attr('style', 'display:none');
                        $(this).dialog('close');
                    }
                }
            });
           
        });
    </script>



 <div id="modal_dialog" style="display: none">
    
    	<div class="tab_container">
			<div id="tab2" class="tab_content">
			<table class="tablesorter" cellspacing="0"> 
			<tbody> 

  <tr><td>
  <b>Name:</b></td>
  <td>
  <asp:TextBox ID="TextBox1" runat="server" ></asp:TextBox>
  
  </td></tr>
  <tr><td>
  <b>Contact Number:</b></td>
  <td>
  <div>
  <asp:TextBox ID="TextBox2" runat="server" MaxLength="10" ></asp:TextBox>
 
      <span id="mobileexist" style="display: none; color:Red;">Mobile Already Exist</span>
    </div>
  </td></tr>
  <tr><td>
  <b>Email ID:</b></td>
  <td>
  <asp:TextBox ID="TextBox3" runat="server" ValidationGroup="dg"></asp:TextBox>
   
   </td></tr>
  <tr><td>
  <b>Address:</b></td>
  <td>
  <asp:TextBox ID="TextBox4" runat="server" TextMode="MultiLine" ></asp:TextBox>
   
        			</td>	
				</tr> 
				  
			</tbody>  
			</table>                 
			</div><!-- end of #tab1 -->
            </div><!-- ID -->
        

</div>