title: GreenSocks Tweenmax animation
body: <p>I am new to Tweenmax animation and i am trying to animate an id selector and unfortunately nothing is happening. both selector and content do nothing. Some one help me out, here is the code.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;my first tween&lt;/title&gt; 
  
          &lt;style&gt;
              body {
                  background-color:silver;
              }
  
              #sample {
                  width: 402px;
                  height: 60px;
                  background-color:teal;
                  padding: 8px;
              }
          &lt;/style&gt;    
  
          &lt;script type="text/javascript" src="jquery.gsap.js"&gt;&lt;/script&gt;
          &lt;script src="http://code.jquery.com/jquery-1.11.0.min.js"&gt;&lt;/script&gt;
          &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.11.6/TweenMax.min.js"&gt;/script&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;div id="sample"&gt;
              &lt;!-- Some content --&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And here is the js</p>
  
  <pre><code>var drew = document.getElementById("sample"); //or use jQuery's $("#sample")
  TweenLite.to(sample, 1.5, {width:100});
  </code></pre>