trying to use ui-links


I'm trying to use the uilinks Jquery Plugin but for some reason I can't add links dinamically using the plugin.

I created a uilinks Ui component

  <div id="moreSource" class="ui-links" data-maxlinks="0">
        <li><a href="#" >Link 1</a></li>
        <li><a href="#" >Link 2</a></li>
        <li><a href="#" >Link 3</a></li>
        <li><a href="#" data-more>Source</a></li>
        <li><a href="#" data-cancel>Cancel</a></li>

And I'm trying to dynamically add a new link as such

<script type="text/javascript" charset="utf-8">
var options = {className: "", selected: true };

var newLink = '<a href="#" style="float: none;">Link 100</a>';

$('#moreSource.ui-links').uilinks('add', newLink, options);

But nothing seems to work, what am I doing wrong?