Client Side Validation in Ckeditor or CKeditor Validation

Note: include JQuery  file and JQuery validation files

STEP NO : 1

<form action="#" method="post" id="formId">

<label>Description</label><textarea name="blog_description" class="required" id="editor1"></textarea>

            <script>

                CKEDITOR.replace('editor1');

            </script>

<input name="submit" type="submit" value="Submit Job" class="button" id="job-submit"/>

<input name="clear" type="reset" value="Clear Form"  class="button"/>

</form>

STEP NO: 2

<script>

$(document).ready(function() {

$('#formId').validate({

    ignore: [],         

    rules: {

                blog_description: {

                    required: function() 

                    {

                    CKEDITOR.instances.editor1.updateElement();

                    }

                    }

                },

                messages: {              

                blog_description: "Required"

                },

                /* use below section if required to place the error*/

                errorPlacement: function(error, element) 

                {

                    if (element.attr("name") == "blog_description") 

                   {

                    error.insertBefore("textarea#editor1");

                    } else {

                    error.insertBefore(element);

                    }

                }

            });

});

</script>