title: jQuery fadeIn function doesn't work
body: <p>I have a box, and when someon clicks <code>Tell Me More</code> the box with info has to slide in, but my jQuery doesn't do anything...</p>
  
  <p>My jQuery:  </p>
  
  <pre><code>&lt;script&gt;
  $( "#vertel-me-meer" ).click(function() {
    $( "#weten" ).fadeIn( 'slow', function() {
    });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I've included the jQuery at the top of my page but I don't think it's neccesairy to put in in the code here. This is my CSS:</p>
  
  <pre><code>.meer {
  
  font-size: 14px;
  font-family: 'Ubuntu';
  font-weight: bold;
  
  color: #00748c;
  
  }
  #vertel-me-meer {
  text-decoration: none;
  position:absolute;
  top:220px;
  left:329px;
  font-size:15px;
  font-family: 'Ubuntu';
  font-weight:bold;
  font-style:italic;
  color:#fff;
  margin:40px 50px 0 0;
  text-shadow:1px 1px 1px rgba(0,0,0,0.4);
  }
  
  #weten{
  display: none;
   position: relative;
  bottom: 125px;
  top: 250px;
  left: 50px;
  width:395px;
  height:115px;
  background:#c7dbe3;
  background:rgba(199,219,227,0.90);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  border:1px solid #004f68;
  box-shadow:3px 3px rgba(0,0,0,0.4);
  overflow:hidden
  }
  </code></pre>
  
  <p>Ofcoure, my HTML:</p>
  
  <pre><code>&lt;div id="vertel-me-meer"&gt;&lt;p&gt;&lt;a href="#" style="text-decoration: none;"&gt;Ik wil meer weten…&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;
  &lt;div id="weten" class="meer"&gt;&lt;br&gt;INFO&lt;/div&gt;
  </code></pre>
  
  <p>Can someone help me?
  Thanks.</p>