How to get the source of Selected image using jquery -

i have following code:

<li class="k-tile k-state-selected" data-type="f" data-uid="504c365a-fd54-4a9f-adc2-c217ce4dc8fc" role="option" aria-selected="false">     <div class="k-thumb">         <img class="k-image" alt="1.jpg" style="" src="http://doelbewust.nl/img/doelbewust_logo.png">     </div>     <strong>1.jpg</strong>     <span class="k-filesize">206.97 kb</span> </li> 

i want source of image when click inside li element. please guide me on this.

try this:

$('li.k-state-selected').on("click", function(){   var src=$(this).find("img").attr("src"); }); 

fiddle