What you need to do is to not use clone (for the reasons mentioned by Kierchon above), but rather just create a new <li>
element and append it to the <ul>
.
This works:
$('#me').on('click', function(){
$('ul#cloneme').append('<li><p class="help-mark" original-title="another one">?</p></li>');
$(".help-mark").tipsy();
});
$(".help-mark").tipsy({
fade: true,
offset: 1,
opacity: 1,
gravity: 'nw'
});
Isaac (OP) suggested this modification - a great idea:
$('#me').on('click', function(){
$('ul#cloneme').append($('ul#cloneme li:first-child').html());
$(".help-mark").tipsy();
});