title: Jquery dynamic background image url does not work
body: <p>I want to display different background-images from my background image folder when a user refreshes a page or clicks different pages. </p>
  
  <p>In my layout i'm caching my image's path but i could not make jquery to show it properly. background-position and background-attachment attributes are working but background-image is not being created by jquery. It's like jquery skips background-image code. </p>
  
  <p>By the way my backgroundUrl property creates like a path "/images/background/1.jpg" so it's properly working. Thanks for any help.</p>
  
  <pre><code>@{
  
      var items = Utils.GetImages("background", 3);
      var backgroundUrl = items.FirstOrDefault();
  
  }
  &lt;script type="text/javascript"&gt;
      $(document).ready(function (backgroundUrl) {
          $('body').css({
              'background-image': 'url(' + backgroundUrl + ')',
              'background-position': '50% 0%', 'background-attachment': 'fixed'
          });
      });
  &lt;/script&gt;
  </code></pre>