title: jquery animate() is not working
body: <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){
      $("input").click(function(){
          $("input").animate({left: '250px'});
      });
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>pre{
      background-color: #0099cc;
  }
  
  pre &gt; b{
      float: left;
      font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  }
  
  pre &gt; input{
      float:right;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;header&gt;
      &lt;pre&gt;&lt;b&gt;Hi , this is phani and you are seeing my portfolio.&lt;b&gt;&lt;input type="button" class="btn btn-success" name="works" value="works"&gt;&lt;/input&gt;&lt;/pre&gt;
  &lt;/header&gt;
  &lt;script src="../js/jquery-2.2.0.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>While I am applying the <code>hide()</code> in JQuery then it is working, but when I am using animation it is not working.</p>