JQuery validation plug-in

JQuery validation plug-in

    

$("#myform").validate({

  groups:{

    username:"fname lname"

  },

  errorPlacement:function(error,element) {

     if (element.attr("name") == "fname" || element.attr("name") == "lname")  //what does this line?? why it checks to see if the value of attribute "name" equals to "fname"

       error.insertAfter("#lastname");

     else

       error.insertAfter(element); //what the "element" refers to??

   },

   debug:true

})

 <form id="myform">
<label>Your Name</label>
<input name="fname" class="required" value="Pete" />
<input name="lname" id="lastname" class="required" />
<br/>
<input type="submit" value="Submit"/>


Any advice will be appreciated.