Working RequiredFieldValidator along with javascript
===

I have multiple RequiredFieldValidator such as:

    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtbox1" 
                Display="Dynamic" ErrorMessage="Required Field" SetFocusOnError="True" 
                ValidationGroup="validator1" CssClass="validator" />

Linked to this button:

    <asp:LinkButton runat="server" ID="btnNext1" Text="Next Page" CssClass="btn" ValidationGroup="validator1" />

Along with some javascript:

    <script type="text/javascript">
    $(function() {
        function nextPage1() {
        
            $( "#divFirstPage" ).hide("fade");
            $( "#divSecondPage" ).show("fade");
            $( "#<%=btnNext1.ClientID%>" ).hide();
            $( "#<%=btnNext2.ClientID%>" ).show();
            $( "#<%=btnPrevious1.ClientID%>" ).show();
        };
        $( "#<%=btnNext1.ClientID%>" ).click(function() {
			nextPage1();
			return false;
		});
        $( "#divSecondPage" ).hide();
        $( "#divThirdPage" ).hide();
        $( "#<%=btnNext2.ClientID%>" ).hide();
        $( "#<%=btnPrevious1.ClientID%>" ).hide();
        $( "#<%=btnPrevious2.ClientID%>" ).hide();
    });
    </script>

But the javascript gets executed before the validations