Question : why appendTo jquery is not working

Hi I have a simple tab program, i wanted to append a text to one of the divs but it is not working:


<html>
 <head>
  <script src="jquery-1.4.1.min.js"> </script>
  <script src="jquery-ui.min.js"></script>
  <script>
    $(document).ready(function() {
       $("#tabs").tabs();
    });
  </script>
 
  <link rel="stylesheet" type="text/css" href="jquery-ui.css" </link>
   
 
 </head>

   <body>
      <div id="tabs">
        <ul>
           <li> <a href="#tabs-1"> 1  </a>  </li>
           <li> <a href="#tabs-2">  2 </a> </li>                                           </li>
           <li> <a href="#tabs-3">  3  </a> </li>
        </ul>        
   
     <div id="tabs-1">
        <p>
       
          text1
               
        </p>
       
       </div>
      <div id="tabs-2">
        <p>
       
           text2
       
        </p>
     
      </div>    
       
      <div id="tabs-3">
        <p>
       
           text3
       
        </p>
       
       
        <p>
       
          text4
       
        </p>
     
      </div>  
           
    </div>
 
  <script type="text/javascript">
 
  ('<p> appendTo  </p>').appendTo("#tabs-1");
 
   </script>
   </body>      


</html>

Answer : why appendTo jquery is not working

you missed a leading $ sign:
$('<p> appendTo  </p>').appendTo("#tabs-1");

Also, execute it upon page load, not while the page is still loading:
1:
2:
3:
4:
5:
6:
7:

<script>
    $(document).ready(function() {
      
	    $('<p> appendTo  </p>').appendTo("#tabs-1");
	    $("#tabs").tabs();
    });
  </script>
Random Solutions  
 
programming4us programming4us