Dynamiczna zmiana szerokości multiselecta w zależności od długości opcji - Zend Multiselect

Chciałbym, żeby przy zaznaczaniu opcji width diva dostosowywał się dynamicznie do długości diva, który zawiera tekst. W zasadzie mam wszystko gotowe, potrzebuję tylko opcji, która odpali skrypt przy kazdorazowym kliknięciu w checkboxa. Poszczególny komendy działają, ale jak odpale wszystko na raz to nie bardzo. Wcisnalem alert miedzy funkcje i okazalo sie ze odpala sie 2x. Oo

$( '.list_filter_contact_agent > button' ).width(180);

$( 'label[for*=assigned_to_filter-option]' ).bind( 'click', function() {
	
	var tekst = $( '.list_filter_contact_agent > button > div.align_middle_vertical').text().replace(/ *\([^)]*\)Oddział */g, " ");

	$( '.list_filter_contact_agent > button > div.align_middle_vertical').html(tekst);

	var width = $( '.list_filter_contact_agent > button > div.align_middle_vertical').width();

	$( '.list_filter_contact_agent > button' ).width(width);
});

Div głowny

<div class="list_filter_contact_agent">
   <div class="placeholderLabel"></div>
   <select name="assigned_to[]" id="assigned_to_filter" multiple="multiple" 0="label" 1="Branch" class="dialog_multiselect" style="display: none;">
      <option value="86" label="example">example</option>
      <option value="124" label="example">example</option>
      <option value="124" label="example">example</option>
      <option value="124" label="example">example</option>
      <option value="124" label="example">example</option>
   </select>
   <button type="button" class="ui-multiselect ui-widget ui-state-default ui-corner-all ui-state-active" aria-haspopup="true" style="width: 110px; display: inline-block;">
      <span class="ui-icon ui-icon-triangle-2-n-s"></span>
      <div class="align_middle_vertical">example</div> <!-- to co sie wyswietla w divie po zaznaczeniu -->
   </button>
</div>

Div po rozwinięciu selecta

<div class="ui-multiselect-menu ui-widget ui-widget-content ui-corner-all" style="width: 440px; display: block; top: 329px; left: 661.96875px;">
   <div class="ui-widget-header ui-corner-all ui-multiselect-header ui-helper-clearfix ui-multiselect-hasfilter">
      <div class="ui-multiselect-filter"><input placeholder="Szukaj" type="text"></div>
      <ul class="ui-helper-reset">
         <li><a class="ui-multiselect-all" href="#"><span class="ui-icon ui-icon-check"></span><span>Zaznacz wszystkie</span></a></li>
         <li><a class="ui-multiselect-none" href="#"><span class="ui-icon ui-icon-closethick"></span><span>Usuń zaznaczenie</span></a></li>
         <li class="ui-multiselect-close"><a href="#" class="ui-multiselect-close"><span class="ui-icon ui-icon-circle-close"></span></a></li>
      </ul>
   </div>
   <ul class="ui-multiselect-checkboxes ui-helper-reset" style="height: 175px;">
      <li class=" ">
         <label for="ui-multiselect-assigned_to_filter-option-0" title="" class="ui-corner-all ui-state-hover">
            <input class="checkbox_multiselect" id="ui-multiselect-assigned_to_filter-option-0" name="multiselect_assigned_to_filter" type="checkbox" value="86" title="example" aria-selected="true">
            <span class="multiselect_li_span">
               <table>
                  <tbody>
                     <tr>
                        <td>Example ([email protected])</td>
                     </tr>
                  </tbody>
               </table>
            </span>
            <div class="clearfix"></div>
         </label>
      </li>
   </ul>
</div>