如何使用jQuery将变量（图片标签）追加到当前所在的当前div中？

Question

我让用户输入一个特定的关键字，它将返回一个匹配该关键字（Instagram API）的图像。当用户在文本区域输入关键字并按下提交按钮时，我希望提取的图像被放置在与所使用的文本区域相同的div内。

这里是我的两个div：

<div id="firstPic" class="pic"> 
    <form id="form" onsubmit="return false;"> 
     <input type="text" id="input" placeholder="FAVORTIE ANIMAL"/> 
     <input type="submit" onclick="instaSearch();"/> 
    </form> 
</div> 
<div id="secondPic" class="pic"></div> 
<form id="form" onsubmit="return false;"> 
    <input type="text" id="input" placeholder="FAVORITE INSECT"/> 
    <input type="submit" onclick="instaSearch();"/> 
</form> 

这里被调用的函数：

function instaSearch() { 
    //user input 
    var tagname = document.getElementById("input").value; 

    $.ajax({ 
    url: 'https://api.instagram.com/v1/tags/'+tagname+'/media/recent?client_id=YOUR-CLIENT-ID&callback=YOUR-CALLBACK', 
    dataType: 'jsonp', 
    success: function(result){ 
     for (var i = 0; i < 1; i++){ 
     var url = result.data[i].images.thumbnail.url; 
     var instapic = '<img src="' + url + '"/>'; 
      $(this).append(instapic); 
     } 
    } 
    }); 
} 

一切似乎正常工作，直到$（本）.append（instapic）;。理想情况下，我想附加instapic到这个div。

这里的任何帮助非常感谢！