title: Fade In Div on Page load after a 2 second delay not working?
body: <p>I have a div element that I want to fade in after a 2 second delay on page load. I am trying to use javascript/jquery to try and do this. However, it's not working and the div doesn't fade in whatsoever.</p>
  
  <p>Please can someone show me where i am going wrong?</p>
  
  <pre><code>&lt;div class="cookies_not one"&gt;&lt;/div&gt;
  
  &lt;script&gt;
      $(function(){  // $(document).ready shorthand
    $('.cookies_not').fadeIn('slow');
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Styles</p>
  
  <pre><code>.cookies_not {
      width:100%;
      height:50px;
      background: rgba(45, 45, 45, 1);
      position: fixed;
      bottom:0;
      z-index: 990;
      display:none;
  
  }
  </code></pre>