Question

I have a div

   <div id="dialog-confirm-error-validating-choices" title="Pop up">
        <p><span class="floatLeft"></span>
        <p id="error-message"></p></p>
    </div>

that I select with jQuery and I put it into a variable

var messageDialog = $('#dialog-confirm-error-validating-choices');

I want to set the inner html of an element within this variable

messageDialog.filter('#error - message').innerhtml("Hello");

Is this how it is done? Can it be done?

Answer 1

Try this:

var $messageDialog = $('#dialog-confirm-error-validating-choices');
$messageDialog.find('#error-message').html("Hello");
// alternative: $('#error-message', $messageDialog).html("Hello");

Note that innerHtml is the method to change the HTML of a plain javascript element, whereas for a jQuery object you need to use the html() method. Also, the convention is to prefix variables which contain jQuery objects with a $.