return false not working in jquery require field validation
<p>I have a dropdownlist (.color) to validate with jquery.Default value of this dropdown is <strong>VÆLG</strong>.And I want to validate this in an anchor tag click (.viewmore).my code is like this</p>

<pre><code>     $(".viewmore").on('click',function(event){
      requiredValidation($(this).parents('.box01').find(".color"));

      });


         function requiredValidation(ddl) {

    ddl = $(ddl);

    var isValid = true;
    if (jQuery.trim(ddl.val()) == 'VÆLG' ) {
        isValid = false;
        ddl.addClass("error");

    }
    else {
        ddl.removeClass("error");
    }
   alert(isValid)
    return isValid;
}
</code></pre>

<p>at last alert message I am getting the value <strong>false</strong> correctly.but still the page redirect to given url of the anchor tag.can any one tell me whats going wrong?</p>
