title: Get index of element as child relative to parent
body: <p>Let's say I have this markup:</p>
  
  <pre><code>&lt;ul id="wizard"&gt;
      &lt;li&gt;Step 1&lt;/li&gt;
      &lt;li&gt;Step 2&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>And I have this jQuery:</p>
  
  <pre><code>$("#wizard li").click(function () {
      // alert index of li relative to ul parent
  });
  </code></pre>
  
  <p>How can I get the index of the child <code>li</code> relative to it's parent, when clicking that <code>li</code>?</p>
  
  <p>For example, when you click "Step 1", an <code>alert</code> with "0" should pop up.</p>