javascript - AJAX で動的に生成された div の属性を取得する

Question

AJAX で動的に生成された div の属性を取得したいと考えています。これが私が試したことです：

$.getJSON('/json/layout', function(data) {
     $('#layout').append(data);
});

ここで、dataAJAX による戻り値は次のようになります。

<div id="my_div" name="my_name"></div>

Chromeの「Inspect Element」で確認したところ、#my_div生成されて追加されたよう#layoutです。しかし、 with の名前を印刷する#my_divと

console.log($('#my_div').attr('name'));

undefinedコンソールに入りました。私は JavaScript を初めて使用するので、JS と AJAX の基本に慣れていません。動的に生成された要素の属性を実際に取得できますか? そうでない場合、これに対する回避策はありますか?