Change part two class in div
<p>I want change part two of class name in each div into tag <code>&lt;span&gt;</code> from '.myclass_2' to 'yourclass', (in following html code). Here is my try with jQuery but they doesn't work true. How is fix it?</p>

<p>Demo: <a href="http://jsfiddle.net/sTF3U/" rel="nofollow">http://jsfiddle.net/sTF3U/</a></p>

<pre><code>&lt;span&gt;
    &lt;div class="myclass_1 myclass_2"&gt;
        &lt;a href="" class="click"&gt;Click Me_1&lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="myclass_1 myclass_2"&gt;
        &lt;a href="" class="click"&gt;Click Me_2&lt;/a&gt;
    &lt;/div&gt;
&lt;/span&gt;




var $this = $('.click'),
    $clone_1 = $('span').clone();
    alert($clone_1.html());

$('.click').live('click', function (e) {
    e.preventDefault();   

    $clone_2 = $('span').clone();

    $clone_2.find('div').split(" ")[1].addClass('youClass');

    $clone.find('.auto_box2:last .mediumCell').each(function () {
        $(this).split(" ")[1].removeClass().addClass(unique());
    });

    var $result = $('span').clone();
    alert('ok');
})
</code></pre>
