Answered Using Ajax jQuery with Login Snippet.

<div class="formholder formholder_pos">
			<div class="heading"><h3>My Login</h3></div>
			<div class="loginMessage">[[+errors]]</div>
            <!-- contact form -->  
			<p>Please log in below to access your Customer Account.</p>			
            <form action="[[~[[*id]]]]" method="post" id="contactForm" class="clearfix my_ajax_form">

                <div class="rowcol">
                	<div class="col2">
	                    <div class="inputsect">
	                        <label class="label_title" id="popup_username">[[%login.username]]:</label>
	                        <input type="text" name="username" id="username" class="inputField required loginusername" value="">
	                    </div>                                                          
	                    
					</div>	                    
	                                       
	                <div class="col2">
	                    <div class="inputsect">
	                        <label class="label_title" id="popup_password">[[%login.password]]:</label>
	                        <input type="password" name="password" id="password" class="inputField required loginpassword" value="">
	                    </div>                                                          
	                    
					</div>	

                </div>
                <input class="returnUrl" type="hidden" name="returnUrl" value="[[+request_uri]]" />
				[[+login.recaptcha_html]]
				<input class="loginLoginValue" type="hidden" name="service" value="login" />

                <div class="rowcol">                
                     <div>
                        <input type="submit" value="Log In" class="btn btn-submit btn-custom jevon">
                    </div>

                </div>                
           
            </form>
            <!--/ contact form --> 
            <p><a href="[[~335]]">Forgot your Password?</a></p>
		</div>

jQuery(document).ready(function(){
    my_ajax_form();
});

function my_ajax_form(){
var my_error;
var request;

$(".jevon").click(function() {
    // validate and process form here
    
    // abort any pending request
    if (request) {
        request.abort();
    }
    
    var $form = $(this);
    var $inputs = $form.find("input");
    
    my_error = false;
    
    jQuery(".my_ajax_form input").each(function(i)
        {
           var surrounding_element = jQuery(this);
           var value               = jQuery(this).attr("value");
           var check_for 		   = jQuery(this).attr("id");
           var required 		   = jQuery(this).hasClass("required");  
           
           if(check_for == "username"){
                surrounding_element.removeClass("my_error valid");
                baseclases = surrounding_element.attr("class");
                if(value == "" || value == "Name" || value == "name"){
                	surrounding_element.attr("class",baseclases).addClass("my_error");  
                	document.getElementById('popup_username').innerHTML = 'Username: <span class="login_error">Required</span>';
                	myo_error = true;
                }else{
                	surrounding_element.attr("class",baseclases).addClass("valid");
                	document.getElementById('popup_username').innerHTML = 'Username:';
                }
            }
            
            if(check_for == "password"){
                surrounding_element.removeClass("my_error valid");
                baseclases = surrounding_element.attr("class");
                if(value.length < 6){
                	surrounding_element.attr("class",baseclases).addClass("my_error");
                	document.getElementById('popup_password').innerHTML = 'Password: <span class="login_error">At least 6 characters long</span>';                	
                    my_error = true;
                }else{
                	surrounding_element.attr("class",baseclases).addClass("valid");
                	document.getElementById('popup_password').innerHTML = 'Password:';
                }
            }
           
            
        });// END OF FUNCTION


         //DO CODE BELOW IF VALIDATION IS TRUE
         if (my_error == false)
           {
           	var serializedData = $form.serialize();

           	$inputs.prop("disabled", true);
           	         	
           	// fire off the request to /index.php?id=494
		    request = $.ajax({
		        url: "/index.php?id=494",
		        type: "post",
		        data: serializedData
		    }); 
		    
		    // callback handler that will be called on success
		    request.done(function (response, textStatus, jqXHR){
		    // log a message to the console
		    console.log("Hooray, it worked!");
		    
		    // callback handler that will be called on failure
            request.fail(function (jqXHR, textStatus, errorThrown){
            // log the error to the console
	        console.error(
	            "The following error occured: "+
	            textStatus, errorThrown
	        );
	        });

		    // callback handler that will be called regardless
		    // if the request failed or succeeded
		    request.always(function () {
		        // reenable the inputs
		        $inputs.prop("disabled", false);
		    });
		
		    // prevent default posting of form
		    event.preventDefault();
		    
    });
         	
           }
        return false;
  });
}

<script>alert("I reached here");</script>
[[!Login? &tplType=`modChunk` &loginResourceId=`495`]]

<script>alert("I reached here too");</script>
{"redirect":"[[++site_url]][[~1]]"}