title: SyntaxError: missing } after property list showing on jquery code execution
body: <p>I have written a simple jquery code for shifting a div of buttons to right side. I have wrote a jquery code as this is the code here:</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="content-type" content="text/html; charset=windows-1250"&gt;
  &lt;meta name="generator" content="PSPad editor, www.pspad.com"&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  
  $(document).ready(function() {
    $('#leftscroll').click(function() {
        $('#buttonmove').animate({'marginLeft' : '+= 30px'
        )};                     
  
    )};         
  )};
  &lt;/script&gt;
  &lt;style&gt;
  .button{
  width:100px;
  height:100px;}
  
  div #buttonmove{
  float:left;
  margin: auto 0;
  position:absolute;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div&gt;
    &lt;a id="leftscroll" href="#"&gt;&gt;&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;div id="buttonmove"&gt; 
    &lt;button type="button" id="button"&gt;Click Me!&lt;/button&gt;
    &lt;button type="button" id="button"&gt;Click Me!&lt;/button&gt;
    &lt;button type="button" id="button"&gt;Click Me!&lt;/button&gt;
    &lt;button type="button"&gt;Click Me!&lt;/button&gt;
  &lt;/div&gt;
  &lt;div class="preyear"&gt;
    &lt;a id="rightscroll" href="#"&gt;&lt;&lt;&lt;/a&gt;
  &lt;/div&gt;   
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When I execute this code this is not executed and show the error</p>
  
  <p>Please help me out...</p>