select option error on server side, but runs on client side
<p>I have selection box and it has values and <strong><a href="http://jsfiddle.net/marafee1243/NLGPT/" rel="nofollow">client example</a></strong></p>

<p>and i have server code as below</p>

<pre><code>  &lt;select name="customer_id" id="customer_id"&gt;
&lt;?php get_customer_list_options(); ?&gt;
  &lt;/select&gt; | 
  &lt;input id="customer_name_from_sel" type="text" /&gt;
</code></pre>

<p>and below jquery code</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function(){

    $("#customer_id").bind('change', function() {
        var k = $("#customer_id option:selected").attr("title");
        $("#customer_name_from_sel").val(k);
    });

});​

&lt;/script&gt;
</code></pre>

<p>and function code</p>

<pre><code>function get_customer_list_options() {
    $fquery39 = mysql_query("select User_ID, First_Name, Email_ID from customers");

    while($r39 = mysql_fetch_row($fquery39)) {
        echo "&lt;option value='$r39[0]' title='$r39[1]' &gt;$r39[2]&lt;/option&gt;";
    }

}
</code></pre>

<p>Now when i run the code from jsfiddle, runs perfectly, while on server page, its not working out.
And i have already working jquery libraries are good.. in perfect state.</p>

<p><strong>the value attr <code>title</code> is not displayed on text <code>customer_name_from_sel</code></strong></p>

<p>Below is the image output of HTML code.</p>

<p><img src="http://i.stack.imgur.com/bLW3z.png" alt="enter image description here"></p>

<p>Error image</p>

<p><img src="http://i.stack.imgur.com/Mz7Ll.png" alt="enter image description here"></p>
