jQuery Global function and Javascript .id method
<p>Hi I have been trying to create a crossfade plugin with previous and next buttons from an already existing plugin: <a href="http://workshop.rs/projects/jqfancytransitions/" rel="nofollow">jqueryfancytransition</a> .This is meant to be an exercise for me and after I manage to understand how it works I want to write my own for an website.I should mention that I am still very new to both Javascript and jQuery and that makes me sometimes waste alot of time on stuff that for others may seem very simple.One of these things simple things is the following:</p>

<p>I have noticed in the plugin that the author uses alot the method .id on the img's I can't find it in the jQuery API so I figure it's a native Javascript method so I tried looking in the w3schools reference for Javascript can't find it there either.At first I thought that this returns the id of the selected element  but to my surprise while trying to create a simple example it didn't: </p>

<pre><code>&lt;div id="slideshowHolder"&gt;
    &lt;img src="nemo.jpg" alt="" id="ion"/&gt;
    &lt;img src="toystory.jpg" alt=""/&gt;
    &lt;img src="walle.jpg" alt=""/&gt;
&lt;/div&gt;

$(document).ready(function(){
    console.log($('div').id);
});
</code></pre>

<p>This seems to return undefined in the console.So my question is what those this method return and where can I read about it?.</p>

<p>Another thing I wanted to ask is if in jQuery you create a global function like this:</p>

<pre><code>$.globalFunction = function(){}
</code></pre>

<p>Update: I know that id is an html element and I can select it in jQuery by using $('div#slideshowHolder') or return it using the attr method but if id is just an html method then what does these piece of code mean </p>

<p><code>img[el.id] = new Array();</code></p>

<p>el is an img what those el.id return</p>
