removing .wrapInner() and .prepend() on window.resize function
<p>How can I achieve the following?</p>

<pre><code>// Resize triggers
$(window).resize(function() {
    if (window.innerWidth &lt;= 480) {
        $('#menu-primary-navigation').wrapInner('&lt;li id="menu" class="dd"&gt;&lt;ul class="sub-menu"&gt;&lt;/ul&gt;&lt;/li&gt;');
        $('#menu').prepend('&lt;a href="#"&gt;Menu&lt;/a&gt;');
    }
    if (window.innerWidth &gt;= 480) {
        // Remove the above .wrapInner &amp; .prepend()
    }
}) .resize();
</code></pre>

<p><strong>UPDATE:</strong></p>

<p><a href="http://jsfiddle.net/jwoodcreative/9fHPA/" rel="nofollow">This is what I have</a> without the resize events, but I'd like to remove the .wrapInner and .prepend code when the screen is less than 480px wide.</p>
