title: Ajax call loading data only after first row
body: <p>I have an ASP.NET mvc project in which there is a feature to add comments. I want that on click of reply button, the create view gets loaded at space just after that particular comment. Reply() function is there for loading it. But the create view gets loaded in the space just after the very first comment, even if i click reply button below any comment. The below code is in ShowComments view, which i render at end of any other view</p>
  
  <pre><code>@foreach (var item in Model)
          {
                  //code to display other properties of comment object
                  &lt;section onclick="Reply()" class="btn btn-default"&gt;
                      Reply
                  &lt;/section&gt;
                  &lt;div id="ReplyCommentBox"&gt;
  
                  &lt;/div&gt;      
          }
  </code></pre>
  
  <p>Reply function has the following line</p>
  
  <pre><code>$('#ReplyCommentBox').load('http://localhost:5414/Comments/Create/');
  </code></pre>
  
  <p>Kindly help in figuring out a solution so that the create view gets loaded just after the comment for which reply button was clicked.</p>