Q:

Use a object as the src of a image tag

I have a html5 page that is dynamically updated based on the data item that is clicked on by the user.  I have the url of the data item stored in a attribute named 
mv-pic 

However when I try and use this as the src of the image, all I get is a box outline and the image dosen't render.  I can reproduce this error in this JS Fiddle.  Simply click a list item and you will see what I mean.  

A:

$('#mv-pic').text(listItemclicked.picturePath);

It means "get the element with the id mv-pic and fill it with text.  There is no element with the id mv-pic.  You have an image whose src attribute is "mv-pic".  Possible solution:
<img  height="100" width="100" id="mv-pic" />
...
$('#mv-pic').attr("src",listItemclicked.picturePath);

