title: How to Populate jQuery Object with Data from Link Inside HTML List?
body: <p>I have a list that looks like this:</p>
  
  <pre><code>&lt;ul id="theLinks"&gt;
   &lt;li&gt;&lt;a href="one.php"&gt;One&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="two.php"&gt;Two&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="three.php"&gt;Three&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="four.php"&gt;Four&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I would like to populate a jQuery Object with the data from that list so it looks like this:</p>
  
  <pre><code>var Links = {
    'One'   : 'one.php',
    'Two'   : 'two.php',
    'Three' : 'three.php',
    'Four'  : 'four.php' 
  }
  </code></pre>
  
  <p>What is the best method for solving this problem?</p>
  
  <p>Thanks in advance!</p>