Calling JQuery function onload and onclick
<p>I have a RadionButtonList with two values and on click I gotta hide some elements on my page.</p>

<p>I got the following code that triggers on click on a RadionButton. How do I call this on the Page load of my page?</p>

<pre><code>$(document).ready(function () {
  $('#&lt;%= columnsRoundPanel.FindControl("rdlClickOrder").ClientID %&gt; input').click(function () {
    var clickOrder = $(this).val();
    $('#&lt;%= chkColumnList.ClientID %&gt; input').each(function (i) {
      var index = ($(this).next('label').text().indexOf(clickOrder));

      if ((index == -1) &amp;&amp; ($(this).next('label').text() != 'Cost' &amp;&amp; $(this).next('label').text() != 'Clicks' &amp;&amp; $(this).next('label').text() != 'Impressions')) {
        $(this).css('display', 'none');
        $(this).next('label').css('display', 'none');
      } else {
        $(this).css('display', 'inline');
        $(this).next('label').css('display', 'inline');
      }
    });
  });
});
</code></pre>
