jQuery update form element
<p>I have a form that I create a checkbox on a click of a button. I am using <a href="https://github.com/pixelmatrix/uniform" rel="nofollow">https://github.com/pixelmatrix/uniform</a> which provides an update function to style dynamically create elements which does not work. I got a work around but my problem is that it also reset the already created elements so they double, triple etc.</p>

<p>They are wrapped in a div with a class of <code>checker</code>. Is there a way to check if the div is around it first before applying my <code>$('.table').find('input:checkbox').uniform()</code>. I have tried different examples but they dont seem to work with my code and my jQuery is still limit.</p>

<p>Thanks</p>

<pre><code>&lt;div class="checker" id="uniform-160"&gt;
        &lt;span&gt;
            &lt;input type="checkbox" name="chbox" id="160" style="opacity: 0;"&gt;
        &lt;/span&gt;
 &lt;/div&gt;
</code></pre>

<p>jQuery:</p>

<pre><code>$(".fg-button").live("click", function(){
    $('.table').find('input:checkbox').uniform()
    });
</code></pre>
