jQuery not working for me

jQuery not working for me

Hi,
Ive applied a jQuery to my page but its not working.
Please could you check for me.
Im a newbie & learning as i go but this has stumped me somewhat.

Here is the page in question  http://www.theremotedoctor.co.uk/accaudi.html
You make the make the item selection on the page,in this case Flip remote key pad.
The photo is then loaded.
This works fine on the pc.
However on the phone after the photo is loaded i then need to manually scroll to the place where the photo has been loaded "content"
By adding this code i wish to achieve the code doing the scroll to the loaded photo "content" and not me.
I have used the code from here http://www.abeautifulsite.net/smoothly-scroll-to-an-element-without-a-jquery-plugin-2/

Here is the code i have,
$('a[href^="#"]').on('click', function(event) {
    var target = $(this.href);
    if( target.length ) {
        event.preventDefault();
        $('html, body').animate({
            scrollTop: target.offset().top
        }, 1000);
    }
});

I am not bound by using the above and will use any code to get this working.

Thanks for your time.