ValidateAjax = {
    initialize: function(formid, endpoint){
        end_url = endpoint;
        form_id = '#'+formid;

        $(form_id+' input').blur(function(){
            var formElementID = $(this).attr('id');
            ValidateAjax.doValidate(formElementID);
            return false;
        })
    },

    doValidate: function(id){
        var url = end_url;
        var data = $(form_id).serialize();
        $.post(url,data,function(response){
            $('#'+id).parent().find('.ui-state-error').remove();
            if(response.status == false )
                ValidateAjax.isValid = false ;
            if (response.messages[id]) {
                $('#'+id).parent().append(ValidateAjax.getHTML(response.messages[id]));
            }
        },'json');

    },
    getHTML: function(errArray){
        var o = '<div class="ui-widget ui-state-error ui-corner-all">';
        $.each(errArray,function(key,value){
            o+= '<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span> ' + value + '.<br/>';
        });
        o+='</div>';
        return o;
    },
    isValid : true
}