Storing the template url in a variable in JS file?

I am trying to store the image path url into a variable. However, I'm having a bit of trouble as nothing outputs. Can someone help me out?

jQuery(document).ready(function($){

    // Fade in Contact background
    var imagePath = '<?php bloginfo("template_url"); ?>/img/';
    $('body.page-template-page-contact #content').css('background', 'url(imagePath + bg-contact.jpg) 50% 0% no-repeat fixed').fadeIn(2000);

});