title: Jquery Transit Not working
body: <p>I've been playing around with the jquery plugin Jquery Transit : <a href="http://ricostacruz.com/jquery.transit/" rel="nofollow">http://ricostacruz.com/jquery.transit/</a> but no matter what I do, the code doesn't behave like I expect it to (as a matter of fact, it doesn't behave at all)</p>
  
  <pre><code> &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;style&gt;
    div {
  background-color:yellow;
  width:100px;
  border:1px solid blue;
  position:absolute;
  left:50px;
  }
  
  &lt;/style&gt;
  &lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js'&gt;&lt;/script&gt;
  &lt;script scr='jquery.transit.js'&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;title&gt;test&lt;/title&gt;
  &lt;/head&gt;&lt;body&gt;
   &lt;button id="go"&gt; Run&lt;/button&gt;
  &lt;div id="block"&gt;Hello!&lt;/div&gt;
  
      &lt;script&gt;
  $(function() {
      $("#go").click(
  function(){
   $("#block").transition({ x: '90px' }, 1500 );
  });
  });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The code doesn't work at all. I added the jquery animation code to compare it to, which works perfectly fine. Now I KNOW that jquery 1.8 broke jquery transit, but I'm using jquery 1.7 here so that shouldn't be an issue.</p>
  
  <p>I'm at a loss here, anyone got any ideas?</p>
  
  <p>EDIT:</p>
  
  <p>I've followed everyone's instructions and created this: 
  <a href="http://web.uvic.ca/~markkoni/" rel="nofollow">http://web.uvic.ca/~markkoni/</a>
  and although the examples seem to work jsfiddle it doesn't work in practice.</p>