jQuery UI 1.10.x : button - custom icon NOT show?

I upgraded jQueryUI from 1.9.x to 1.10.x and found that my buttons' custom icon did NOT show.

The following code worked in jQuery UI version 1.9.x and before. html: <button id="button1"></button> css: .ui-icon-custom { background-image: url(images/custom-icon.png) !important } javascript: $('#button1').button({ text: false, icons: {primary:'ui-icon-custom'} });

However, it didn't work after I upgraded to 1.10.x

After I spend a few hours, I found the solution only be found on the jQuery bug report page, http://bugs.jqueryui.com/ticket/5659; I think this should be mentioned on the Upgrade Guide as the last contributor said. All credit goes to the contributor who posted the solution there as below.

.ui-icon-custom { background-image: url(images/custom-icon.png5) !important; background-position: 0% 0% !important /* added this line to fix the problem */ }

Just want the ppl, who were facing the same problem, can save up some time when google this solution.