Hey I'm doing some testing while learning js + html5 and other web/mobile frameworks.

I have a problem with one of my picture links, which I also need to change the picture dynamically and the target(hopefully). But it won't work.

HTML:

        <div data-role="content" id="firstPageContent"> 
            <p>I'm first in the source order so I'm shown as the page.</p>      
            <p>View internal page called <a href="#second">second</a></p>
            <a href = "#second" id="mapLink" name="mapLink"><img id="mapLinkImage" alt="a map which links to the mapPage" src="images/main_header.png"/></a>
            <Button id="loadButton" onClick="load()"/>

        </div><!-- /content -->

js:

importScripts(dataManager.js);
var mapLink=second;
function load(){
    alert('called');
    document.getElementById('mapLinkImage').src="images/store.map.png";
    document.getElementById('mapLink').href = "http://google.com";


}

problem: It ain't showing the image as a link, just as a plain image. i think this will work now.