how to jquery event bind to function
<pre><code>&lt;input id='btnExcelRead' name='btnExcelRead' type='submit' runat='server'/&gt;   &lt;- actually asp:button
&lt;input id='excelUpload' name='excelUpload' type='file' /&gt;   
&lt;input id='txtStartDate' type='text' /&gt;
&lt;input id='txtEndDate' type='text' /&gt;
</code></pre>

<p>..</p>

<pre><code>$(function(){

          $("#btnExcelRead").click(CheckValidation);

        });

        var CheckValidation = function() {
            if ($("#excelUpload").val() === "") {
                alert("Select file");
                return false;
            }
            if ($("$txtStartDate").val() === "") {
                alert("Check the start date!");
                return false;
            }
            if ($("$txtEndDate").val() === "") {
                alert("Check the end date!");
                return false;
            }
        }
</code></pre>

<p>here i made simple jquery code.</p>

<p>I want to bind function when  btnExcelRead button click. </p>

<p>is this originally wrong way?</p>
