How do you know when to return false from a jQuery function?
<p>"<strong><code>return false</code></strong>" seems to work in the <code>submitHandler</code> but I'm not sure why. </p>

<pre><code>function submitHandler() {
    $.post($(this).attr('action'), $(this).serialize(), null, "script");
    return false;
}

$(document).ready(function () {

    $('#top_cat').submit(submitHandler);

    $("#tip_click").click(function() {
        $("#high_hat").submit(submitHandler);
    });

});
</code></pre>

<p>I'm also not sure if I need to add a "<strong><code>return false</code></strong>" in the <code>#tip_click</code> function so that it reads like this:</p>

<pre><code>    $("#tip_click").click(function() {
        $("#high_hat").submit(submitHandler);
        return false;
    });
</code></pre>

<p><strong><em>What's the rule to follow here regarding when to "<code>return false</code>"?</em></strong></p>
