Bootstrap - Définir la zone de texte valeur sur la fenêtre modale

J'ai essayé de lier l'événement "show" dans mon modal, mais rien ne se passe lorsque c'est indiqué.
Voici le code qui était censé travailler.
L'alerte n'est pas être affiché.

<script type="text/javascript" charset="utf-8">
            $('#myModal').bind('show',function()
            {
                alert('howdy');
                $(".modal-body #nome").val('bosta');
            });
        </script>

Fenêtre modale code:

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel">Minha Conta</h3>
            </div>



            <div class="modal-body">
                <form class="form-horizontal" id="mConta">
                    <div class="control-group">
                        <label class="control-label">Nome</label>
                        <div class="controls">
                            <input id="nome" name="nome" type="text" placeholder="" class="input-xlarge" required="">

                        </div>
                    </div>

                </div>
            </form>



            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
                <button type="submit" class="btn btn-primary">Salvar</button>
            </div>
        </div>
Où mettez-vous votre js, avant ou après le code html que vous avez posté?
Avant le HTML
Donc, le temps que le script s'exécute, votre modal n'existe pas donc pas de liaison a lieu. Vous devez suivre Sushanth de réponse.
J'ai seulement voté en raison de "bosta" haha

OriginalL'auteur | 2013-04-26