Ligne de jquery qui bloque

Hello voici un bout de html

<ul>
  <li>
    <details>
        <summary>blabla</summary>
        <p>
        bloblo
        <button>submit</button>
        </p>
    </details>
  </li>
</ul>

Quand je clique sur submit, le tag <li>devrait être dupliqué mais ce n'est pas le cas

            $(button).parents("ul").prepend("<li>"+$('details').parents('li').html()+'</li>');

Estce que quelqu'un peut m'aider svp ???

La balise <button> ne s'utilise pas qu'au sein d'un formulaire ?

Essayes en utilisant un bouton comme ceci :

<input type='button' class='go' value='Submit'>

Et dans ton Jquery, je ne vois pas si tu as mis l'évènement ou pas donc dans le doute :

$('.go').click(function()
{
       $('.go').parents("ul").prepend("<li>"+$('details').parents('li').html()+'</li>');
}

Chez moi ça fonctionne

<button> s'utilise hors formulaire en type="button"

Merci de ton aide j'avais pas envie de mettre une classe parce que ça m'oblige à modifier les templates mais s'il n'y a pas d'autre soluce...

Tu peux mettre un id à la place d'une classe, c'était juste par habitude !

<input type='button' id='go' value='Submit'>

$('#go').click(function()
{
       $('#go').parents("ul").prepend("<li>"+$('details').parents('li').html()+'</li>');
}

Modifié par Seyu (24 Feb 2012 - 14:05)