Hiding element with jquery
<p>Can someone tell me if this jquery code makes sense. I have it wrapped in a document ready block. I am trying to hide an element if the set of conditions are true, but when I click on the submit button, knowing that one of the checkboxes is indeed checked, the element appears instead of being hidden. Is there anything obvious that I am missing with the below code:</p>

<pre><code>            $('#submit').on('click', function() {
            if ($('#Option1').not(':checked') &amp;&amp;
            $('#Option2').not(':checked') &amp;&amp;
            $('#Option3').not(':checked') &amp;&amp;
            $('#Option4').not(':checked') &amp;&amp;
            $('#Option5').not(':checked')) {
                $("form").submit(function () {
                    return false;
                });
                $('#selectOption').show();
            } else {
                $('#selectOption').hide();
            }
        });
</code></pre>
