title: target selected list item in backbone
body: <p>I'm using foundation drop-down </p>
  
  <p>You can have a look at it here:</p>
  
  <p><a href="http://foundation.zurb.com/docs/components/dropdown.html#" rel="nofollow noreferrer">http://foundation.zurb.com/docs/components/dropdown.html#</a></p>
  
  <p>I've created a dropdown with the following code</p>
  
  <pre><code>&lt;a href="#" data-dropdown="drop1" &gt;Date Range  &lt;/a&gt;
      &lt;ul id="drop1" class="f-dropdown large date-menu" drop-down-content&gt;
          &lt;li id="custom"&gt;Custom&lt;/li&gt;
          &lt;li id="today"&gt;Today&lt;/li&gt;
          &lt;li id="yesterday"&gt;Yesterday&lt;/li&gt;
          &lt;li id="sundaytoToday"&gt;This Week(Sun-Today)&lt;/li&gt;
          &lt;li id="montoToday"&gt;This Week(Mon-Today)&lt;/li&gt;
       &lt;/ul&gt;
  </code></pre>
  
  <p>I want to get the value/id of the selected element</p>
  
  <p>I've tried like below, but it's not working</p>
  
  <pre><code>'click #drop1 li':"changeDateRange",
  
  changeDateRange : function(event)
      {
          var ss=$(this).attr('id');
          console.log(ss);
          if(ss=="custom")
          {
              console.log("custom if");
          }
      },
  </code></pre>