Jquery - Dynamic button, can I clean this up?
<p>I created a button that will randomly appear on the screen (per my boss's request) that when clicked will open an email in order to provide feedback.</p>

<p>My goal is to make this script do everything, mainly so I don't have to access the ASP markup or CSS files for each website. Just throw the script in the header and place the image in the folder.</p>

<p>I created the script to:</p>

<ul>
<li>Create a div that contains the button</li>
<li>set the CSS for the elements of that div (there will be a little image next to some text)</li>
<li>appear to the user at random</li>
</ul>

<p>The script I came up with works fine, however, I was wondering if there was anyway I can clean this up at all. (I'm kind of new to writing my own Jquery scripts and I'm trying to learn how to be as organized as possible.)</p>

<p>Jquery:</p>

<pre><code>$(function () {

    var fbContainer = $('&lt;div id="feedback"&gt;&lt;img src="image.gif" /&gt; &lt;a href="mailto:feedback@mywebaddress.com"&gt;Feedback&lt;/a&gt;&lt;/div&gt;')
    .css({
        'display': 'none',
    });

    $('#header').append(fbContainer);

    $('#feedback a').css({
        'font-family': 'arial',
        'float': 'left',
        'text-decoration': 'none',
        'color':'#000000'
    });

    $('#feedback img').css({
        'float': 'left',
        'margin': '3px 5px 0 0';
    });

    var randofactor = .5;
    var randomizer = Math.random();

    if (randomizer &lt; randofactor) {
       fbContainer.css('display', 'block');
    }

});
</code></pre>

<p>Thanks for any assistance</p>
