title: Struggling with jQuery delay popup form
body: <p>I'm hoping for a little assistance with an issue I'm having.</p>
  
  <p>I have a popup on my site <code>newsletter-popup-conatiner</code>. (yes, that is the actual misspell of container used throughout the site)</p>
  
  <p>From what I understand, the following 'should' delay the popup by 5 seconds.</p>
  
  <pre><code>setTimeout(function(){
    $('#newsletter-popup-conatiner).show();
  },5000);
  </code></pre>
  
  <p>Here is the newsletter module. After several unsuccessful attempts, I'm at a loss where to actually put the delay code.</p>
  
  <pre><code>$("#newsletter-popup-conatiner").mouseup(function(e){
          var popContainer = $("#newsletter-popup-conatiner");
          var newsLatterPop = $("#newsletter-pop-up"); 
          if(e.target.id != newsLatterPop.attr('id') &amp;&amp; !newsLatterPop.has(e.target).length)
      {
        popContainer.fadeOut();
      }        
    });
  
    $('.hide-popup').on("click", function(){
      var popContainer = $("#newsletter-popup-conatiner");
      $('#newsletter-popup-conatiner')
      {
        popContainer.fadeOut();
      }
    });
  
    $('#dont_show').on("click", function(){
      $.cookie('popup_cookie', 'pclosed', {
        expires: 3,
        path: '/'
      });
      $('.hide-popup').trigger('click');
    });
    // console.log($.cookie('popup_cookie'));
  
    {% if settings.show_pupup and template == 'index'%}
    if($.cookie('popup_cookie') == 'pclosed') {
      $('.hide-popup').trigger('click');
    }
    {% endif %}
  
  });
  </code></pre>
  
  <p>Any guidance would be greatly appreciated</p>