jQuery Code Organisation (Also tips)
<p>I have started to use jQuery.. I am struggling to understand how the organise the code and how to use it properly. At the moment I am using code similar to:</p>

<pre><code>$(document).ready(function(){
    alert('all of the jquery goodness here');
  $('#div1').click(function(){
    /* some manipulation stuff here */
  })
})
</code></pre>

<p>Is there a better way of having loads of click handlers after the dom has loaded ?</p>

<p>Also is there some links to where I can get information regarding code layout in jquery ? I've been looking around source code but cannot find anything useful..</p>

<p>Thanks guys</p>

<p>[Edit]</p>

<p>Another quick question whilst I remember - Is it bad practice to use something similar to:</p>

<pre><code>function clickedevent(){
    $('').toggle or other random jquery function
}
</code></pre>
