move jQuery code to a function
<p>I have the following jQuery code:</p>

<pre><code>$('.show-additional-link').click(function(){
    $(this).parent().next().slideDown();
    $(this).hide();
    return false;
});
</code></pre>

<p>HTML:</p>

<pre><code>&lt;div class="row"&gt;
    &lt;label for="native_language"&gt;Select&lt;/label&gt;
    &lt;select name="native_language" id="native_language"&gt;
      &lt;option value=""&gt;Any&lt;/option&gt;
      &lt;option value="1"&gt;English&lt;/option&gt;
    &lt;/select&gt;

    &lt;a class="show-additional-link" href="#"&gt;Select Additional Languages&lt;/a&gt;
&lt;/div&gt;

&lt;div id="additional-languages" style="display: none;"&gt;      
    &lt;div class="row"&gt;
        &lt;!-- additional language checkboxes --&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I would like to move the contents of my jQuery code (within the 'click' function) in to a separate function, as I will need to call it again on page load (after the form is submitted, so that the DIV is shown again automatically).</p>

<p>I'm having trouble with this - can anyone help?</p>
