How to append data in the next

i want to append data on the closest li on click...I tried next,parent,closest,find and nothing.

Here is my jsfiddle...

http://ift.tt/2gdoy5X

My jquery:

$(document).ready(function(){
   $(document).on('click', '.btnMoreInfo', function(){
       $(this).closest(".test").next('.infoCatcher').append('<div class="moreInfo info">More Content..' + '</div>');
   });
});

Is not working. may i know why and how do i fix it? thanks