I'm trying to write a simple plugin for required field.

I have a label to display an error massage and success massage.

I don't know how to display massage.

HTML 

2. <div class="modal fade" id="dialogAddContPersonCustomer" role="dialog">
3. <div class="modal-dialog modal-wd">
4. <div class="modal-content">
5. <div class="modal-header">
6. <button type="button" class="close" data-dismiss="modal">&times;</button>
7. <h4 class="modal-title">Add Contact Person</h4>
8. <center>
9. <label id="lblErrorMsg" style="display: none;" />
10. </center>
11. </div>
12. <div class="modal-body">
13. <div class="form-group row">
14. <div class="col-xs-5">
15. <h3 id="h3CustomerName"></h3>
16. </div>
17. </div>
18. <div class="form-group row">
19. <div class="col-xs-6">
20. <label for="txtBoxtPersonName">Person Name</label>
21. <input id="txtBoxtPersonName" class="form-control" type="text">
22. </div>
23. <div class="col-xs-6">
24. <label for="txtBoxEmail">E-Mail</label>
25. <input id="txtBoxEmail" class="form-control" type="text">
26. </div>
27. </div>
28. </div>
29. <div class="modal-footer">
30. <input type="button" class="btn btn-default" data-dismiss="modal" value="Close" />
31. <input id="btnSavePerson" type="button" class="btn btn-primary" value ="Save" />
32. </div>
33. </div>
34. </div>
35. </div>

Script

2. jQuery('#btnSaveContactPerson').click(function(){
3.       jQuery('#txtBoxtPersonName').RequiredField();
4. });
5. 
   
6. jQuery.fn.RequiredField = function () {
7.     if (this.val() == '') {
8.         this.css('background', '#fcdddd').keyup(function () {
9.             jQuery(this).css('background', '');
10.         });
11.     }
12. }

I don't know how to display error or success massage in LABEL

In above HTML there is LABEL to display massages.

Thanks in advance

Regards