Question: ```
<tr id="TR_Select_Color">
  <td valign="top">
    <span class="boldtext">Select Color :</span>
  </td>
  <td>
    <select id="ctl01_Select_Color" >
      <option value="Black">Black</option>
      <option value="Brown">Brown</option>
    </select>
  </td>
</tr>

```

In the above code, I want to insert an `<a>` tag after the `<select>` tag. If it is not possible with CSS, how can I do it with JavaScript and jQuery?

Answer: 
You can't insert a tag with css pseudoelements. With jQuery however it is trivial:

```
$(aElement).insertAfter(spanElement);

```

Where aElement is your new a element and spanElement is the element you want to insert it after. See <http://api.jquery.com/insertAfter/>
You can do it using `.insertAfter()`.

> 
> **Description:** Insert every element in the set of matched elements after the target.
> 
> 
> 

```
$('<a>').insertAfter('tr#TR_Select_Color select');

```

**OR**

You can do it using `.after()`.

> 
> **Description:** Insert content, specified by the parameter, after each element in the set of matched elements.
> 
> 
> 

```
$('tr#TR_Select_Color select').after('<a>');

```

**OR**

You can also do it using `.append()`.

> 
> **Description:** Insert content, specified by the parameter, to the end of each element in the set of matched elements.
> 
> 
> 

```
$('tr#TR_Select_Color select').append('<a>');

```