title: Get the value of active li in ul
body: <p>I am trying to get the active li from a ul in jqvalue but all i am getting is null. I've also tried to write the value of the ul using console dir (to try and simulate php's <code>var_dump</code> but nothing is happening there either</p>
  
  <p>Here is my jfidde: <a href="http://jsfiddle.net/#&amp;togetherjs=MDbkUMciB7" rel="noreferrer">http://jsfiddle.net/#&amp;togetherjs=MDbkUMciB7</a></p>
  
  <p>Here is the code</p>
  
  <pre><code>function monthly_payment(){
      var interest = $('ul.credit').find('li.active').data('interest');
      console.dir($('ul.credit'));
  alert(interest);
        // var iinterest   = interest_rate / 1200;
  
  
  }
  
  
  &lt;ul id="credit"&gt;
  &lt;li interest = "0.056" class="active"&gt;&lt;a href="#"&gt;&lt;span id="excellent" class="0.056"&gt;excellent&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li interest = "0.099"&gt;&lt;a href="#"&gt;&lt;span id="good" class="0.099"&gt;good&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;                       &lt;li interest = "0.169"a href="#"&gt;&lt;span id="fair" class="0.169"&gt;fair&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li interest = 0.299&gt;&lt;a href="#"&gt;&lt;span id="bad" class="0.299"&gt;bad&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>