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" %>

  3. <!DOCTYPE html>

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

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

  31.             </div>
  32.         </div>
  33.     </form>
  34. </body>
  35. </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" %>

  3. <asp:Content ID="UserContent" runat="server" ContentPlaceHolderID="ContentPlaceHolder1">   
  4.     <script type="text/javascript">
  5.         $(document).ready(function() {
  6.             $("#aspnetForm").validate({
  7.                 rules: {
  8.                     <%=txt_name.UniqueID %>: {
  9.                         minlength: 2,
  10.                         required: true
  11.                     },
  12.                     <%=txt_gender.UniqueID %>: {                       
  13.                         required: true,
  14.                         email:true
  15.                     }
  16.                 }, messages: {}
  17.             });
  18.         });
  19.     </script>
  20.     <div style="width: 100%; font-family: Arial,Helvetica, sans-serif;">
  21.         <div style="text-align: left; width: 100%; font-size: 13px; margin-bottom: 5px;">
  22.             <b>Name :</b>
  23.             <asp:textbox id="txt_name" runat="server" />
  24.         </div>
  25.         <div style="text-align: left; width: 100%; font-size: 13px; margin-bottom: 5px;">
  26.             <b>Gender :</b>
  27.             <asp:textbox id="txt_gender" runat="server" />
  28.         </div>
  29.         <div style="text-align: left; width: 100%; font-size: 13px; margin-bottom: 5px;">
  30.             <asp:button id="btnSubmit" runat="server" text="Submit" />
  31.         </div>
  32.     </div>
  33. </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.