Jquery UI Dialog Eingabefeld löschen

Question

Ich verwende den folgenden Code als Teil eines Systems, in dem alle 15-30 Minuten zufällig ein Dialogfenster erscheint, das eine Benutzereingabe erfordert, um fortzufahren:

$(document).ready(function() {
    $dialog = $('<div></div>')
        .html('Are you awake? Please enter your user ID in the following box:<br/><br/><input type="text" id="dialog-input"><p></p></input><br/><br/><button id="timerButton">Yes</button><br/><br/>If you do not press yes within 10 minutes, the office will be contacted.')
        .dialog({
            autoOpen: false,
            title: 'Inactivity Monitor'
        });
    });

Der Benutzer muss seine Benutzer-ID eingeben und auf "Ja" drücken, um das Dialogfeld zu schließen. Andernfalls wird eine Warnmeldung angezeigt, die besagt, dass es falsch ist. Wenn der Benutzer die richtige ID eingibt und das Dialogfenster geschlossen wird, startet der Timer erneut, und in 15-30 Minuten erscheint das Dialogfenster erneut, aber wenn es wieder erscheint, ist die ID-Nummer des Benutzers noch im Textfeld gespeichert. Gibt es eine Möglichkeit, dies zu löschen, so dass das Feld immer leer ist, wenn es erscheint?

Ich habe dies erfolglos versucht:

$("#dialog-input").html("");

Danke für jede Hilfe