how to implement jQuery .get()
<p>I've two unordered lists</p>

<pre><code>&lt;ul id="proItems"&gt;                    
        &lt;li class="item swipe"&gt;&lt;img src="gallery/one.jpg" /&gt;&lt;/li&gt;
        &lt;li class="item swipe"&gt;&lt;img src="gallery/two.jpg" /&gt;&lt;/li&gt;
        &lt;li class="item swipe"&gt;&lt;img src="gallery/three.jpg" /&gt;&lt;/li&gt;
        &lt;li class="item swipe"&gt;&lt;img src="gallery/four.jpg" /&gt;&lt;/li&gt;
        &lt;li class="item swipe"&gt;&lt;img src="gallery/five.jpg" /&gt;&lt;/li&gt;
        &lt;li class="item swipe"&gt;&lt;img src="gallery/six.jpg" /&gt;&lt;/li&gt;
&lt;/ul&gt;  
&lt;ul id="indicator"&gt;                    
         &lt;li class="indicate"&gt;&lt;/li&gt;
         &lt;li class="indicate"&gt;&lt;/li&gt;
         &lt;li class="indicate"&gt;&lt;/li&gt;
         &lt;li class="indicate"&gt;&lt;/li&gt;
         &lt;li class="indicate"&gt;&lt;/li&gt;
         &lt;li class="indicate"&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Everytime, when I click on any item on <code>ul#proItems</code>, the css of the corresponding <code>ul#indicator</code> item will be changed. For example, if I clicked on the <strong>2nd element</strong> on the <code>ul#proItems</code>, the <strong>2nd item</strong> of <code>ul#indicator</code> will be affected.</p>

<p>I've my jquery codes identifying the index of the li item being clicked on <code>ul#proItems</code>, and I did something like (click event being applied on the <code>ul#proItems li</code>)</p>

<pre><code>var index = $(this).index();
$("#indicator li.indicate").get(index).css('background-color', '#111');
</code></pre>

<p>This doesn't seem to be working. What do I need to change to fix it.</p>

<p>Thanks</p>
