title: jQuery: How to determine which <li> tag was clicked?
body: <p>I am creating a form with 5 lines of text, and each text I am allowing the user to select if they want the text to be centered, left, or right justified.  I have a unnumbered list with list elements x5.</p>
  
  <pre><code>&lt;li&gt;&lt;img src="images/justify_left.png" alt="left" /&gt;&lt;span&gt;Justify Left&lt;/span&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="images/justify_center.png" alt="center" /&gt;&lt;span&gt;Justify Left&lt;/span&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="images/justify_right.png" alt="right" /&gt;&lt;span&gt;Justify Left&lt;/span&gt;&lt;/li&gt;
  </code></pre>
  
  <p>Each of the 5 set of <code>&lt;li&gt;</code> items refers to its respective line.  </p>
  
  <p>With jQuery, how would I go about determining which of the 15 <code>&lt;li&gt;</code> items did the user select so that I can correspond the proper justification as a post method?  </p>