Edit in JSFiddle

jQuery(function($) {
    $(document).ready(function() {

        $('#submit').click(function() {
            val = $('#loginForm :input').validateForm();
            if (val) {
                var qstring = $('#loginForm').serialize();
                $('#response').fadeIn().html('Form Validated successfully with following fields<br>' + qstring);
            }
        });

    });
});

<section>
<form method="post" class="form-horizontal" id="loginForm" onsubmit="return false;">
<div class="control-group">
<label class="control-label" for="inputEmail">Email</label>
<div class="controls">
<input type="text" id="inputEmail" name="user" placeholder="Email" class="required email">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">Password</label>
<div class="controls">
<input type="password" id="inputPassword" name="password" class="required" placeholder="Password">
</div>
</div>
<div class="control-group">
<div class="controls">
<label class="checkbox">
<input type="checkbox"> Remember me
</label>
<button id="submit" type="submit" class="btn" onclick="javascript:ajaxThrow('#loginForm','#response');">Sign in</button>


    
</div>
</div>
<div class="alert alert-info" id="response"></div>
</form>
</section>

*,html{
    outline:none !important;
}
.error{
    border-color:red !important;
}

section{
    margin:50px auto !important;
    width:510px;
}

#response{
    display:none;
}