jQuery ready functions not loading after appending
<p>I have the following in my head tag:</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(function() {
        $.get('content/menu_items.txt', function(data) {
            var menu_items = data.split('\n');
             $.each(menu_items, function(key, val){
                 var menu_items_split = val.split(',');
                    $('#header-bg &gt; .inline_links').append('&lt;a href="'+  menu_items_split[1] +'"&gt;&lt;li&gt;'+  menu_items_split[0] +'&lt;/li&gt;&lt;/a&gt;');
             });   
        });   
    });
&lt;/script&gt;
</code></pre>

<p>I also have a ready function called to add rounded corners to my nav buttons. Everything works fine if I statically add the li tags into the div, but if I use the above code, the corner functions and animations aren't applied. Any idea's why this is?</p>

<p>If you don't understand, here is the full code and comments to help you better understand</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;
&lt;link href="css/stylesheet.css" rel="stylesheet" type="text/css" /&gt;
&lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="js/jquery.corner.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="js/default.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt;
    $(function() {
        $.get('content/menu_items.txt', function(data) {
            var menu_items = data.split('\n');
             $.each(menu_items, function(key, val){
                 var menu_items_split = val.split(',');
                    $('#header-bg &gt; .inline_links').append('&lt;a href="'+  menu_items_split[1] +'"&gt;&lt;li&gt;'+  menu_items_split[0] +'&lt;/li&gt;&lt;/a&gt;');
             });   
        });   
    });
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;

&lt;div id="header-bg"&gt;
    &lt;ul class="inline_links"&gt;

&lt;li&gt;test&lt;/li&gt; //THIS WORKS, ADDS ROUNDED CORNERS AND ANIMATION;

    &lt;/ul&gt;
&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>
