عدم کارکرد تابع ()buttonset.

[prince4prodigy]

من تعدادی checkbox دارم که به وسیله کد های wordpress مقدار دهی شدن. و تابع ()buttonset رو روی مجموعه ای با "id="format اعمال کردم ولی تابع مذکور نمیتونه وظیفه خودش رو انجام بده و شکل checkbox ها هیچ تغییری نمیکنه.
این لینک رو برای نمونه ببینید:
http://jqueryui.com/button/#checkbox

در حالی اگه یک checkbox با HTML استاتیک ایجاد کنم به خوبی تابع buttonset کار میکنه.

کد HTML :

<div id="format">
<?php
$categories = get_categories();
foreach ($categories as $category) { ?>
< input type="checkbox" name="check" value="<?php echo $category->cat_ID; ?>">
<label><?php echo $category->cat_name;?></label><?php } ?>
*//ADD STATIC HTML:*
<input type="checkbox" id="id" /><label for="id">B</label>

</div>

کد Jquery :
$('#format').buttonset();
$('input[type=checkbox]').removeClass('ui-helper-hidden-accessible');

$(':checkbox[name=check]').each(function( i ){
var nameID = 'check'+ (i+1);
this.id = nameID;
$(this).next('label').prop('for', nameID);
});

کد HTML تولید شده:

<div id="format" class="ui-buttonset">
<input type="checkbox" name="check" value="3" class="check" id="check1">
<label for="check1">
<span class="ui-button-text">CAT1</span>
</label>
<input type="checkbox" name="check" value="4" class="check" id="check3">
<label for="check3">
<span class="ui-button-text">CAT2</span>
</label>
<input type="checkbox" name="check" value="5" class="check" id="check4">
<label for="check4">
<span class="ui-button-text">CAT3</span>
</label>
<input type="checkbox" id="id" class="">
<label for="id" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-right ui-corner-left" role="button" aria-disabled="false" aria-pressed="false">
<span class="ui-button-text">B</span></label>

</div>