Trying to pass the input value in the query string but failing why?
<p>I have this code in the page.</p>

<pre><code>&lt;input type="text" value="Enter your video URL here..." size="30" class="video_url" /&gt;

&lt;input type="button" value="Preview" class="preview_button" /&gt;

&lt;div id="preview"&gt;&lt;/div&gt;

&lt;script type="text/javascript"&gt;
(function($) {

    $(".preview_button").click(function(){

        var url = $('.video_url').val();

        $("#preview").load('&lt;?php bloginfo('template_directory'); ?&gt;/templates/preview.php?url=' + url);

    });

}) (jQuery);
&lt;/script&gt;
</code></pre>

<p>However on preview.php I can never see the url value. What I am doing wrong?</p>
