$(document).ready(function(){

    $("#newsletter_form").validate({
        rules:{
           title:{
               required: true
           },
           first_name:{
               required: true
           },
           surname:{
               required: true
           },
           email:{
               required: true,
               email: true
           },
           confirm_email:{
               required: true,
               email: true,
               equalTo: '#email'
           },
           gender:{
               required: true
           },
           email_flag: {
              required: function(element) {
                return $('#mobile_flag').attr('checked') == '';
              }
           },
           mobile_flag: {
              required: function(element) {
                return $('#email_flag').attr("checked") == '';
              }
            }

        },
        messages:{
           title:{
               required: "Title required"
           },
           first_name:{
               required: "First name required"
           },
           last_name:{
               required: "Last name required"
           },
           email:{
               required: "Email required",
               email: "Email format incorrect",
               equalTo: "Emails need to match"
           },
           email1:{
               required: "Email required",
               email: "Email format incorrect",
               equalTo: "Emails need to match"
           },
           gender:{
               required: "Gender Required"
           },
           email_flag:{
               required: "You must subscribe via either email or text"
           },
           mobile_flag:{
               required: "You must subscribe via either email or text"
           }
        }
    });

});
