validate plugin not working with master page in asp.net

validate plugin not working with master page in asp.net

I am using jquery validate plugin with my asp project. I am using Master Page and Content Page. 
I've downloaded all the necessary packages for using validate plugin, pleases see the image attached and followed the tutorial provided on  http://www.dotnetcurry.com/ShowArticle.aspx?ID=310&AspxAutoDetectCookieSupport=1 
But there is no validation showing on my pages. I checked my project pages with chrome and firefox but there were no errors showing in console too. Please can anyone help me with this problem. 
code of Master Page
  1. // master page
  2. <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Global.master.cs" Inherits="MIS.content.Global" %>

  4. <!DOCTYPE html>

  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <head runat="server">
  8.     <meta charset="utf-8" />
  9.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  10. <script type="text/javascript" src="../Scripts/jquery-3.1.1.min.js"></script>    
  11.     <script type="text/javascript" src="../Scripts/jquery.validate.min.js"></script>
  12.     <script type="text/javascript" src="../Scripts/jquery.validation.net.webforms.min.js"></script>

  14.     <asp:ContentPlaceHolder ID="head" runat="server">
  15.     </asp:ContentPlaceHolder>
  16. </head>
  17. <body>
  18.     <form id="form1" runat="server">
  19.         <div id="container">
  20.             <div id="tray">
  21.                 testing
  22.             </div>
  23.             <div id="cols">
  24.                 <div id="aside">                    
  25.                 </div>
  26.                 <div id="content">
  27.                     <div id="main_content">                        
  28.                         <div>
  29.                             <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
  30.                             </asp:ContentPlaceHolder>
  31.                         </div>
  32.                     </div>
  33.                 </div>

  35.             </div>
  36.         </div>
  37.     </form>
  38. </body>
  39. </html>
code of my content page (aspx page)
  1. // aspx page
  2. <%@ Page Language="C#" MasterPageFile="Global.master" AutoEventWireup="true" CodeBehind="CustomerRegistration.aspx.cs" Inherits="MIS.content.CustomerRegistration" %>

  4. <asp:Content ID="UserContent" runat="server" ContentPlaceHolderID="ContentPlaceHolder1">   
  5.     <script type="text/javascript">
  6.         $(document).ready(function() {
  7.             $("#aspnetForm").validate({
  8.                 rules: {
  9.                     <%=txt_name.UniqueID %>: {
  10.                         minlength: 2,
  11.                         required: true
  12.                     },
  13.                     <%=txt_gender.UniqueID %>: {                       
  14.                         required: true,
  15.                         email:true
  16.                     }
  17.                 }, messages: {}
  18.             });
  19.         });
  20.     </script>
  21.     <div style="width: 100%; font-family: Arial,Helvetica, sans-serif;">
  22.         <div style="text-align: left; width: 100%; font-size: 13px; margin-bottom: 5px;">
  23.             <b>Name :</b>
  24.             <asp:textbox id="txt_name" runat="server" />
  25.         </div>
  26.         <div style="text-align: left; width: 100%; font-size: 13px; margin-bottom: 5px;">
  27.             <b>Gender :</b>
  28.             <asp:textbox id="txt_gender" runat="server" />
  29.         </div>
  30.         <div style="text-align: left; width: 100%; font-size: 13px; margin-bottom: 5px;">
  31.             <asp:button id="btnSubmit" runat="server" text="Submit" />
  32.         </div>
  33.     </div>
  34. </asp:Content>
I also referred to the link https://forums.asp.net/t/1466269.aspx?How+ASP+Master+page+work+with+JQuery+Validation+] for the solution. But can not figure what is the problem with my code. Please can anyone help me.