jQuery code layout style
<p>So I just started learning how to use jQuery and so far I really like it except for the 'standard' code layout in the book I'm reading about it.  My question is, is there any problem with using a different style for laying out the code?</p>

<p>Here is what seems to be the standard:</p>

<pre><code>$(document).ready(function() {
    $('#clickMe').click(function() {
        $('img').fadeIn(1000);
        $('#picframe').slideToggle('slow');
    });
});
</code></pre>

<p>Here is the style of coding I use in my JS, PHP, ActionScript, etc:</p>

<pre><code>$(document).ready(addEvents)

function addEvents()
{
    $('#clickMe').click(fadeInImg)
}
function fadeInImg()
{
    $('img').fadeIn(1000);
    $('#picframe').slideToggle('slow');
}
</code></pre>

<p>Both of these layouts do the same thing and run without problems but I find the second style MUCH easier to read.  Yes, the number of lines are increased but after minimizing the code for production use, the increase in bytes would be negligible.  Any thoughts or opinions on this topic?</p>
