<style> element in IE

<style> element in IE

Hi,

Is there a way to get the style element text ("body { background-color...") in internet explorer?
The following example works in FF but in IE it gives the following error:

Unexpected call to method or property.

  1. <html>
  2.     <head>
  3.         <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
  4.         <script type="text/javascript">
  5.         /*
  6.         $(document).ready(function () {
  7.             $('body').prepend('<div id="styleHolder"><style></style></div>');
  8.             $('#styleHolder style').append('body { background-color: #FF00FF; }');
  9.             alert($('#styleHolder style').html());
  10.         });
  11.         */
  12.         $(document).ready(function () {
  13.             $('body').prepend('<style id="styleHolder"></style>');
  14.             $('#styleHolder').append('body { background-color: #FF00FF; }');
  15.             alert($('#styleHolder').html());
  16.         });
  17.         </script>
  18.     </head>
  19.     <body>
  20.         <div id="editable"></div>
  21.     </body>
  22. </html>
Any help is much appreciated