jQuery button same function with link
<p>the jQuery is</p>

<pre><code>$(function() {
    // videoThumb is a css class found in the foreach list class="videoThumb". ytvideo is the holder ID set as div ID
    $(".videoThumb4").on('click').ytplaylist({
        holderId: 'ytvideo4',
        html5: true,
        playerWidth: '520',
        autoPlay: false,
        sliding: false,
        listsliding: true,
        social: true,
        autoHide: false,
        playfirst: 0,
        playOnLoad: false,
        modestbranding: true,
        showInfo: false
    });
});
</code></pre>

<p>the main clickable link  is this</p>

<pre><code>&lt;a class="videoThumb4" href="http://www.youtube.com/watch?v=' . $yValue['videoid'] . '"&gt;
    ' . $yValue['description'] . '
&lt;/a&gt;
</code></pre>

<p>then i want this link to be like a button which is below. with same value and function.
is this correct the button is</p>

<pre><code>&lt;input class="videoThumb4" onclick="ytplaylist();" type="button" name="previewSel" value="Preview" id="previewbut"&gt;
</code></pre>

<p>the sample link was <a href="http://cocopop12.site11.com/search/" rel="nofollow">YT</a></p>
