title: jQuery error - Cannot call methods on tabs prior to initialization
body: <p>I updated to the latest version of jQuery and I see this error. </p>
  
  <p><strong>Error:</strong></p>
  
  <blockquote>
    <p>Uncaught Error: cannot call methods on tabs prior to initialization; attempted to call method '<code>div.panes &gt; div</code>' </p>
  </blockquote>
  
  <p><strong>Complete Snippet:</strong></p>
  
  <p><strong>html:</strong></p>
  
  <pre><code>&lt;div id="nav"&gt; &lt;!-- Start Page Navigation --&gt;
      &lt;ul class="tabs page"&gt;
          &lt;li&gt;&lt;a href="#tab1"&gt;Tab1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tab2"&gt;Tab2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tab3"&gt;Tab3&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tab4"&gt;Tab4&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div class="clear"&gt;&lt;/div&gt;
  &lt;/div&gt; &lt;!-- End Page Navigation --&gt;
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$(document).ready(function() {
      $("div.header div.version").css({ '-moz-border-radius': '6px', '-webkit-border-radius': '6px' });
      $("div#contact_form .text_input").css({ '-moz-border-radius': '4px', '-webkit-border-radius': '4px' });
      $("div#about div.right").css({ '-moz-border-radius' : '8px', '-webkit-border-radius': '8px' });
      $("div#contact_form p label").css({ 
              '-moz-border-radius-topleft': '4px', 
              '-moz-border-radius-bottomleft': '4px', 
              '-webkit-border-bottom-left-radius' : '4px',
              '-webkit-border-top-left-radius' : '4px'  
      });
      $("select").css({ '-khtml-appearance' : 'none' });
      $('#reviews').serialScroll({
        items: 'div',
        axis: 'y',
        duration: 800,
        interval: 5000,
        cycle: true
      });
      $('#reviews').trigger('next');
      $("a.screenshots").fancybox({
              'transitionIn'  :   'elastic',
              'transitionOut' :   'elastic',
              'speedIn'       :   400, 
              'speedOut'      :   400, 
              'overlayShow'   :   false
          });
          $('input#send').click(function() {
          var name = $('input#name').val();
          var email = $('input#email').val();
                  var topic = $('select#topic option:selected').val();
          var message = $('textarea#message').val();
          $.ajax({
              type: 'post',
              url: 'scripts/send_email.php',
              data: 'name=' + name + '&amp;email=' + email + '&amp;topic=' + topic + '&amp;message=' + message,
  
              success: function(results) {
                  $('p.validation').html(results);
              }
          }); // end ajax
      });
   $("#ul.tabs").tabs("div.panes &gt; div", { history: true });
  });
  </code></pre>
  
  <p>I don't see the error if I use:</p>
  
  <pre><code> $("#content ul.tabs").tabs("div.panes &gt; div", { history: true });
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/RP4A6.png" alt="enter image description here"></p>