Dynamic Drop down with jquery?

Dynamic Drop down with jquery?

HTML

<select id="reportAhcc_Item_ID_S" style="width: 100px;">
        <option value="1">a</option>
        <option value="3">b</option>
        <option value="4">c</option>
    </select>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <input type="button" id="btnUpdateItem" value="Update Items" />

JavaScript 1.7

$(document).ready(function () {
            $('#btnUpdateItem').click(function () {
                updateItem();
            });
        });

        function updateItem() {
            var xml = '<?xml version="1.0" encoding="utf-8" ?><Items><Item><ItemId>1</ItemId><ItemName>A</ItemName></Item><Item><ItemId>2</ItemId><ItemName>B</ItemName></Item><Item><ItemId>3</ItemId><ItemName>C</ItemName></Item><Item><ItemId>4</ItemId><ItemName>D</ItemName></Item><Item><ItemId>5</ItemId><ItemName>E</ItemName></Item></Items>';

            var data = $($.parseXML(xml));
            var objSelect = $('select#reportAhcc_Item_ID_S');
            objSelect.html('');

            if (data.find('Item').length > 0) {
                data.find('Item').each(function (i) {
                    objSelect.append($('<option />', { 'value': $(this).find('ItemId').text(), 'text': $(this).find('ItemName').text() }));
                });
            }
            else {
                objSelect.append($('<option />', { 'value': 0, 'text': '--' }));
            }
        }