# Appendto()
`appendto()` is a built-in method in JQuery used to insert an HTML element at the end of another element. Its syntax is:


```
(v).appendTo(s)
```
Where:

* **`v`** is the content that will be added
* **`s`** is the element to which the content will be added to

`appendto()` will append to all the `s` elements within the page.

You can add this by two methods:

# 1. Span method
**Span** is an HTML tag that does not do anything on its own, but can be referred to in JQuery to contain the text that we wish to apply:

<html> 
   <script src="https://code.jquery.com/jquery-1.10.2.js"> 
   </script>
   <body> 
      <span> to Educative !!!</span> 
      <div id="welcome">Welcome </div> 
      <script> 
         $("span").appendTo("#welcome"); 
      </script> 
   </body> 
</html> 

#welcome { 
    background: burlywood; 
    display: block; 
    border: 2px solid; 
    padding: 15px; 
    width: 400px; 
    } 
         

codemirror

# 2. P method
Rather than adding content using a <span> tag, you can directly add content using a \<p> tag.

<html> 
   <script src="https://code.jquery.com/jquery-1.10.2.js"> 
   </script>
   <body> 
      <p> to Educative !!!</p> 
      <div id="welcome">Welcome </div> 
      <script> 
         $("p").appendTo("#welcome"); 
      </script> 
   </body> 
</html> 

#welcome { 
    background: yellowgreen; 
    display: block; 
    border: 2px solid; 
    padding: 15px; 
    width: 400px; 
    } 
         

What is  the appendto() method in JQuery?

appendTo() in JQuery inserts an HTML element at another element's end using the syntax (v).appendTo(s).