title: How to get the id of an element with its index using jquery?
body: <p>Using <code>.index()</code> we can get the position or index of an element. Now i want to know that
  can we get the element's <code>id</code> using its index ?</p>
  
  <p>An Example,</p>
  
  <pre><code>&lt;ul id="unOrderedList"&gt;
  &lt;li id="gears"&gt;&lt;a class="links" href="#"&gt;Click here!&lt;/a&gt;&lt;/li&gt;
  &lt;li id="tyres"&gt;&lt;a class="links" href="#"&gt;Click here!&lt;/a&gt;&lt;/li&gt;
  &lt;li id="rear"&gt;&lt;a class="links" href="#"&gt;Click here!&lt;/a&gt;&lt;/li&gt;
  &lt;li id="mirror"&gt;&lt;a class="links" href="#"&gt;Click here!&lt;/a&gt;&lt;/li&gt;
  &lt;li id="charger"&gt;&lt;a class="links" href="#"&gt;Click here!&lt;/a&gt;&lt;/li&gt;
  &lt;li id="port"&gt;&lt;a class="links" href="#"&gt;Click here!&lt;/a&gt;&lt;/li&gt;
  &lt;li id="list"&gt;&lt;a class="links" href="#"&gt;Click here!&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>For the above mark up, if i want to know 4th <code>&lt;li&gt;</code> id means, how shall it do it with jquery?</p>
  
  <p>Thanks in Advance!</p>