Добавление iframe к определенному месту в HTML с помощью Jquery

Question

Я пытаюсь поместить следующий сгенерированный DOM iframe в определенную часть страницы.В частности, я хочу, чтобы он сидел внутри div, у меня есть название «maps».Прямо сейчас он плавает до самого конца страницы, вероятно, потому что он находится там.Есть ли способ найти div с именем maps и поместить его сразу после тега div?

Любая помощь будет оценена!Вот код:

        function handle_geolocation_query(position) {


        var image_url = "http://maps.google.com/?ie=UTF8&q=@" + position.coords.latitude + ',' + position.coords.longitude + 
                        "&z=16&output=embed";

        jQuery("#map").remove();
        $(document.body).append(
          jQuery(document.createElement("iframe")).attr("src", image_url).attr('width','320').attr('height','320').attr('id','map')
        );

    }

Answer 1

$('#maps')
    .after('<iframe src="'+image_url+'" width="320" height="320" id="map"');

Найдет div с идентификатором maps и добавит iframe после этого элемента.Я не уверен, что вы действительно хотите его после div или внутри div (хотя мне кажется, что это должно быть внутри).