Pokazywanie elementu po wyznaczonym divie. [jQuery]

Więc tak, mam taki kod:

$('.coment').on("click",".clickme", function() {
		
var id = $(this).data('id');
   var login = $(this).data('login');
       
	 $.ajax(
  {
      url: "ajax.php", 	
      success: function(data) { 
 $("a[data-id='" + id + "']").after(data);

 $('.inputt2').val("@"+login+":");
 }

  }
);
    var nextForm = $(this).next(".forme");
    var show = !nextForm.is(":visible");

    $('.forme').remove();
});

Dzięki któremu, kiedy kliknę w znacznik < a > odpowiedz< / a> (poniżej uproszczony kod html), wysunie mi się formularz zapisany w ajaxie.

<div class="coment">

<a  href="javascript:void(0)"  class="clickme">odpowiedz</a></div>

Cały problem polega na tym że ten formularz pojawia mi się owszem, ale po znaczniku < a > co jest oczywiście prawidłowe, tyle że ja chciałbym, aby on to zrobił po divie ="coment".

czyli tak

<div class="coment">

<a  href="javascript:void(0)"  class="clickme">odpowiedz</a></div>

<div class="formularz"></div>

Nie wiem co użyć w jQuery, przeszukałem trochę już selektorów ; (, dlatego proszę o pomoc.

czyli ma się pojawić po div=comment ale przed a[data-id="cośtam"] ? dobrze zozumiem?

to może na idiote ;) :

$("a[data-id='" + id + "']").prev('div.comment').after(data);

?

No prawie dobrze : ), po prostu ma się pojawić po div coment. obecnie pojawia się tak

<div class="coment">
<a  href="javascript:void(0)"  class="clickme" ">odpowiedz</a>
<div class="formularz"></div>
</div>

// a chciałbym by tak się pojawiał:

<div class="coment">
<a  href="javascript:void(0)"  class="clickme" ">odpowiedz</a>
</div>

<div class="formularz"></div>

Czyli div.comment jest parentem a? pfft!

$("a[data-id='" + id + "']").parent().after(data);

powinno smigać.