How Can I add Loop to Div Background Position Animation in jQuery

How Can I add Loop to Div Background Position Animation in jQuery

Can you please take a look at this demo and let me know what is the best trick to add endless loop to .container element?

$('.container').css({backgroundPosition: 'right'});
.container{ background:url(http://www.bhphotovideo.com/explora/sites/default/files/Panorama_NYC_X3000.jpg); width:400px; height:670px; background-position:left; -webkit-transition:background-position 40s linear; -moz-transition:background-position 40s linear; -o-transition:background-position 40s linear; transition:background-position 40s linear; }
<div class="container"></div>