Jquery ile ilgili nesnenin hemen sonuna append ile başka bi div eklemek

Merhaba arkadaşlar, bir problemim var

şimdi yanyana dizilmiş 10 tane kutucuğum var ben bunlardan herhangi birine basınca bu kutucuklardan bastığımın hemen arkasına yeni bir div append ettirmek istiyorum.. Yani bastığım objenin hemen yanına o objenin aynısında ekleyeceğimi düşünsek de aynı kapıya çıkar.. Ama ben ekleme yaparken doğal olarak o bahsettiğim objelerin en sonuna ekliyor şöyleki

<div class="box" id="box1"></div>
<div class="box" id="box2"></div> ---> Buna tıkladığımı varsayalım
((<div class="box-detail" id="box-d1"></div>)) --> bu alana yeni bi obje eklicem
<div class="box" id="box3"></div>
<div class="box" id="box4"></div>
...

yardımlarınızı bekliyorum lütfen, mantıken de olabilir.