Вставьте тег изображения после открытия тега div с помощью jQuery

Я работаю над следующим кодом jQuery. Предполагая, что у меня есть следующий образец кода HTML:

<div class = "my-class"> 
   <h1>Hello</h1>
</div>

С jQuery мне нужно добавить следующее <img src = "smiley.gif" alt = "Smiley face" height = "42" width = "42"> сразу после открывающего тега div my-class. Мне нужно настроить селектор класса my-class.

Я пытаюсь добиться следующего:

<div class = "my-class">
   <img src = "smiley.gif" alt = "Smiley face" height = "42" width = "42">
   <h1>Hello</h1>
</div>

Я пробовал следующее:

$('div.my-class').after('<img src = "smiley.gif" alt = "Smiley face" height = "42" width = "42">');

но это вставляет его после закрывающего тега div, а это не то, что мне нужно.