title: change Body Background on click jquery
body: <p>I have been working over a theme for MyBB, where i am trying to implement a jQuery Background switcher.
  I have been trying but not successful.</p>
  
  <p>Here is html :</p>
  
  <pre><code>&lt;script src="images/vhut/style/pattern.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{$mybb-&gt;settings['bburl']}/images/image directory/script/cookie.js"&gt;&lt;/script&gt;
  &lt;a href="#" class="pat" id="pat1" style="background:url('images/image directory/style/patterns/pat1.jpg')"&gt;click 1&lt;/a&gt;
  &lt;a href="#" class="pat" id="pat2" style="background:url('images/imag directory/style/patterns/pat2.jpg')"&gt;click 2&lt;/a&gt;
  </code></pre>
  
  <p>Here is the JS file i am using :</p>
  
  <pre><code>$(document).ready(function(){
  $('a.default').click(function(e){
          var bg = $(this).css('background');
          $('body').css('background','none')
  })
  
  $(".pat").click(function(){
      $("body").removeClass('background');
      if( $('#alpha-style').is(':checked')){
              $('#alpha-style').attr("checked",false);
              $('.bg-alpha').hide();
          }
  });
  
  $("#pat1").click(function(){
  $(body).css("background", "url(patterns/1.png)");
  return false;
  });
  
  $("#pat2").click(function(){
  $(body).css("background", "patterns/2.png)");
  return false;
  });
  });
  </code></pre>
  
  <p>The patterns are located in a folder images/ theme directory/ style/patterns
  The js file is located in images/theme directory/ style</p>
  
  <p>So can anyone help regarding my code or provide a possible solution for the error i am getting
  help is appreciated
  regards,</p>