применение правила таблицы стилей

Использование JQuery mobile 1.3.2 У меня возникли проблемы с настройкой стиля некоторых ссылок. Я не хочу, чтобы все ссылки выглядели одинаково, поэтому некоторые будут использовать один стиль, а другие будут использовать другой. Я попытался добавить свой собственный пользовательский класс и даже переопределить стиль JQuery; однако обе попытки оказались безуспешными.

Я создал http://jsfiddle.net/qdz9b/1/, чтобы помочь проиллюстрировать мою проблему.

Пользовательская таблица стилей (загружается после jquery css)

.ui-link{color:#000000;}
.ui-link:visited{color:#000000}
.myLink{color:#000000;}
.aDifferentLink{color:#FF0000;}

.myImportantLink{color:#000000 !important;}

HTML-код

<a href="#test">basic link, no custom class</a><br/>
<a href="#test" class="myLink">link with custom class, not working either.</a><br/>
<a href="#test" class="aDifferentLink">a different link, should be red. not working either.</a><br/>
<br>
<a href="#test" class="myImportantLink">link with !important class, the only way I can get it to work.</a><br/>

Выделенный HTML

<a href="#test" class="ui-link">basic link, no custom class</a>
<a href="#test" class="myLink ui-link">link with custom class, not working either.</a>
<a href="#test" class="aDifferentLink ui-link">a different link, should be red. not working either.</a>
<a href="#test" class="myImportantLink ui-link">link with !important class, the only way I can get it to work.</a>

Что мне не хватает?

Заранее спасибо!

Джейк