Как добавить значение данных в динамически созданный div?

Question

Я пытаюсь связать значение данных с div, созданным динамически, однако я не смог заставить это работать. Я пробовал смотреть в Интернете, но, похоже, не могу приспособить какие-либо примеры, чтобы соответствовать моей проблеме. Если бы кто-нибудь мог помочь, я был бы очень благодарен. Ошибка я получаю говорит, что:

.data не является функцией

Если я пытаюсь поставить оператор $ в передней управления просто проходит прямо через мой блок кода и ничего не происходит.

var container = $("#container"); 
('<div class="orb"></div>').data(num).appendTo(container); 

Answer 1

Он хорошо работает:

var $container = $('#container'); 
 
$('<div class="orb"></div>').data('num', 123).appendTo($container); 
 

 
console.log($('.orb').data('num'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="container"></div>

В чем проблема?