title: jQuery tabs are not showing when I applied jquery.min.js from ajax.googleapis
body: <p>I have an issue regarding my tabs. Before I included <code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" &gt;&lt;/script&gt;</code>, the tabs are showing, but now the 3 tables are appearing w/o their corresponding tabs. </p>
  
  <p>Please do check my code below</p>
  
  <p><strong>Inside my head tag:</strong></p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="css/style.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/userpage.css"&gt;
  
  &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" media="all" /&gt; 
  &lt;script src="http://code.jquery.com/jquery-1.8.3.js"&gt;&lt;/script&gt;  
  &lt;script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"&gt;&lt;/script&gt;  
  
  
  &lt;script&gt;
  $(function() {
      $( "#tabs" ).tabs();
  });
  &lt;/script&gt; 
  
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" &gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
          function codeBinsAddEvent(obj,type,fn){
              if(obj.attachEvent){
                      if(type == "load"){
                          obj.attachEvent('on'+type, fn);
                      }
                      else{
                          obj.attachEvent('onreadystatechange', fn);
                      }
                      /*
                  obj['e'+type+fn]=fn;
                  obj[type+fn]=function(){
                      obj['e'+type+fn](window.event)}
                  ;obj.attachEvent('on'+type,obj[type+fn])*/
               }
              else obj.addEventListener(type,fn,false)
          };
          function codeBinsAddLoadEvent(fn){
              codeBinsAddEvent(document.addEventListener&amp;&amp;!window.addEventListener?document:window,'load',fn)
          };
          function codeBinsAddReadyEvent(fn){
              codeBinsAddEvent(document,'DOMContentLoaded',fn)
          };   
  
       &lt;/script&gt;   
  </code></pre>
  
  <p><strong>And in my body tag:</strong> </p>
  
  <pre><code>&lt;div id="tabs"&gt;
      &lt;ul&gt;
      &lt;li&gt;&lt;a href="#tabs-1"&gt;Students&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-2"&gt;Subjects/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div id="tabs-1"&gt;   
  &lt;table id="mytable" cellspacing="0" summary="Students"&gt;
  &lt;tr&gt;
  &lt;th scope="col" class="nobg"&gt;&lt;/th&gt;
  &lt;th scope="col" abbr="Name"&gt;Name&lt;/th&gt;
  &lt;th scope="col" abbr="Address"&gt;Address&lt;/th&gt;
  &lt;th scope="col" abbr="Level"&gt;Level&lt;/th&gt;
  &lt;th scope="col" abbr="School"&gt;School&lt;/th&gt;
  &lt;/tr&gt;
  &lt;?php
  // Start looping table row
  while ($row = mysql_fetch_array($result)) {
  
          $firstname = $row["Firstname"];
              $middlename = $row["Middlename"];
              $lastname = $row["Lastname"];
              $address = $row["Address"];
      $level = $row["LevelName"];
      $school = $row["SchoolName"];
  
  ?&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;input name="checkbox" type="checkbox" /&gt;&lt;/td&gt;
  &lt;td class="spec"&gt;&lt;?php echo $lastname.", ".$firstname. " " .substr($middlename, 0,1) . "." ; ?&gt;   &lt;/td&gt;
  &lt;td&gt;&lt;?php echo $address; ?&gt;&lt;/td&gt;
  &lt;td&gt;&lt;?php echo $level; ?&gt;&lt;/td&gt;
  &lt;td&gt;&lt;?php echo $school; ?&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;?php
  // Exit looping 
  }
  ?&gt;
  &lt;/table&gt;
  
  &lt;/div&gt; &lt;!-- end of tabs1 --&gt;
  
  &lt;div id="tabs-2"&gt;
  
  &lt;table id="mytable" cellspacing="0" summary="Subjects"&gt;
  &lt;tr&gt;
  &lt;th scope="col" class="nobg"&gt;&lt;/th&gt;
  &lt;th scope="col" abbr="Code"&gt;Subject Code&lt;/th&gt;
  &lt;th scope="col" abbr="Name"&gt;Subject Name&lt;/th&gt;
  &lt;th scope="col" abbr="Description"&gt;Description&lt;/th&gt;
  &lt;th scope="col" abbr="Unit"&gt;Unit&lt;/th&gt;
  &lt;/tr&gt;
  
  &lt;?php
  
  $result2 = mysql_query($sql);  
  
  if($result2 === FALSE) {
  die(mysql_error()); // TODO: better error handling
  } 
  
  // Start looping table row
  while ($row2 = mysql_fetch_array($result2)) {
  
          $code = $row2["Code"];
      $Name = $row2["Name"];
      $description = $row2["Description"];
              $unit = $row2["Unit"];
  
  ?&gt;
  
  &lt;tr&gt;
  &lt;td&gt;&lt;input name="checkbox" type="checkbox"/&gt;&lt;/td&gt;
  &lt;td class="spec"&gt;&lt;?php echo $code; ?&gt;    &lt;/td&gt;
  &lt;td&gt;&lt;?php echo $name; ?&gt;&lt;/td&gt;
  &lt;td&gt;&lt;?php echo $description; ?&gt;&lt;/td&gt;
  &lt;td&gt;&lt;?php echo $unit; ?&gt;&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;?php
  // Exit looping
  }
  
  ?&gt;
  
  &lt;/table&gt;
  
  &lt;/div&gt; &lt;!-- end of tabs2  --&gt;
  </code></pre>
  
  <p>When I added this: </p>
  
  
  
  <pre><code>&lt;script type="text/javascript"&gt;
          function codeBinsAddEvent(obj,type,fn){
              if(obj.attachEvent){
                      if(type == "load"){
                          obj.attachEvent('on'+type, fn);
                      }
                      else{
                          obj.attachEvent('onreadystatechange', fn);
                      }
                      /*
                  obj['e'+type+fn]=fn;
                  obj[type+fn]=function(){
                      obj['e'+type+fn](window.event)}
                  ;obj.attachEvent('on'+type,obj[type+fn])*/
               }
              else obj.addEventListener(type,fn,false)
          };
          function codeBinsAddLoadEvent(fn){
              codeBinsAddEvent(document.addEventListener&amp;&amp;!window.addEventListener?document:window,'load',fn)
          };
          function codeBinsAddReadyEvent(fn){
              codeBinsAddEvent(document,'DOMContentLoaded',fn)
          };   
  
       &lt;/script&gt; 
  </code></pre>
  
  <p>It doesn't allow the tabs to show. What's wrong? Please help thanks.</p>