JQuery : Inline JS to External JS
<p>I have several inline jqueries, how can I move them into one single external .js file?</p>

<p>Below are the inline functions I created using JQuery</p>

<p>Inline Functions:</p>

<pre><code>   $(document).ready(function(){ 
            $("#showReport").click(function() {
                var val = $('input:radio[name=reportOption]:checked').val();

                if(val == 'frame'){
                    document.getElementById("form").target = '_self';
                }
                else{
                    document.getElementById("form").target = '_blank';
                }

                if(document.form.fromDate.value=='' || document.form.toDate.value==''){
                    alert("Please enter Date Range");
                }
                else{
                    document.form.submit();
                }
            })
    });
</code></pre>
