title: Get source of image from li tag
body: <p>I have a code like this</p>
  
  <pre><code>&lt;ul class="dd-menu"&gt;
                  &lt;li&gt;
                      &lt;a href="#"&gt;&lt;span&gt;&lt;img src="{{STATIC_URL}}img/away.png"&gt;&lt;/span&gt;1&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#"&gt;&lt;span&gt;&lt;img src="{{STATIC_URL}}img/inacall.png"&gt;&lt;/span&gt;2&lt;/a&gt;
                  &lt;/li&gt;&lt;ul&gt;
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>menuApp = Backbone.View.extend({
  el: $('#header-status'),
  events: {
      'click .dd-menu li a': 'optionChange'
  },
  optionChange: function(e) {
      var selectedItemText = $(e.currentTarget).text();
      var selectedItemSrc = $(e.currentTarget).data("src"); 
      console.log($(e.currentTarget).data("src")); //Undefined
      $("#availability").text(selectedItemText);
      $("#availabilitySRC").attr("src").replace(selectedItemSrc); //Error
  }});
  </code></pre>
  
  <p>I am trying to show selected li and now it shows text of selected li. However, It is not showing image of selected item. Is there a way to get src of img? </p>
  
  <p>Thanks  </p>