jquery - измените название кнопка

У меня есть кнопка, настроенная следующим образом:

<button id="invOn2" style="float: left;">Item 2</button>

кнопка находится внутри диалогового окна, и я пытаюсь изменить заголовок кнопки как открывается диалоговое окно:

$('#invOn2').button( "option", "label", "shwaf");

это не работает, что не так?

предложения пока не работали, я собираюсь подробно рассказать о структуре того, что я делаю:

// jquery setup

 $(function() {
      $('#invOnBox').dialog({
            autoOpen: false,
            resizable: false,
            height: 350,
            width: 300,
      });
      $('#invOnButton').click(function() {
            $('#invOn1 button').html('shwaf');
            $('#invOnBox').dialog('open');
            return false;
      });
    });

// invDialog и внутренняя кнопка

 <div id="invOnBox" title="Inventory">
    <button id="invOn1" style="float: left;">Item 1</button>
    </div>

// invOnButton

<button id="invOnButton" style="float: left;">Inventory</button>

спасибо!