Jquery in Themes (particularily rounded corners) problems

Hi there,

I don't seem to be able to get to the bottom of a particular problem i have with using jquery in my themes (particularily rounded corners). The rounded corners don't display ... i must be overseeing sth. Here my code. I have downloaded and added jquery.curvycorners.packed.js (http://methvin.com/jquery/jq-corner.html) into a folder drupal/sites/all/scripts/

in page.tpl.php added following

<?php print $scripts ?>

in template.php added following

drupal_add_js('sites/all/scripts/jquery.curvycorners.packed.js');

drupal_add_js(
    '$(document).ready(function() {
      $("div.whois").corner("round 10px");
    });',
    'inline'
  );

in style.css added following:

#whois {
    background-color:#dcdcdc;
    margin-top:10px;
    padding:10px;
}

in block-user-3.tpl.php (the who is online block) added following:

<div id="whois">
  <?php print $block->content; ?>
</div>

The result in the HTML output

in the header for the javascript looks like this:

    <script type="text/javascript" src="/drupal/misc/jquery.js"></script>
<script type="text/javascript" src="/drupal/misc/drupal.js"></script>
<script type="text/javascript" src="/drupal/sites/all/scripts/jquery.curvycorners.packed.js"></script>
<script type="text/javascript">$(document).ready(function() {
      $("div.whois").corner("round 10px");
    });</script>

in the page for the relevant area that should have rounded corners looks like this:

<div id="whois">
  There are currently <em>0 users</em> and <em>0 guests</em> online.</div>

<!--  //-->            </div>

so, even though it seems to load all the relevant jquery / javascripts and it outputs the html correctly, the rounded corners don't display ... do i miss sth. obvious here. Help much appretiated. Thank you.