Поместите элемент html между div's

Question

Мне нужно поместить элемент H2 между div class productDescription;

Мой код:

$(document).ready(function() { 
 
    $('.productDescription').append($('<h2>')); 
 
    $('.productDescription').prepend($('</h2>')); 
 
});

<div class="productDescription">Bota cano curto d</div>

I Need:

<div class="productDescription"><h2>Bota cano curto d </h2></div> 

Answer 1

var $h2 = $('<h2></h2>'); 
$h2.text('Whatever you want'); 
$('.productDescription').append($h2); 

Answer 2

попробовать что:

$('.productDescription').html("<h2>"+ $('.productDescription').html() +"</h2>"); 

Answer 3

этот код должен работать, он будет добавить новый тег h2 с любым текстом в .productDescription DIV

$(document).ready(function() { 
    $('.productDescription').append($('<h2>').html("Whatever")); 
});