Select option selected via jquery not working on chrome only
<p>I cant figure it out why it doesn't work on chrome only whereas it working on firefox and ie.</p>

<p>HTML CODE:</p>

<pre><code>&lt;select name="goyale" id="goyale"&gt;
&lt;option value="0"&gt;Select&lt;/option&gt;
&lt;option value="1"&gt;Fish&lt;/option&gt;
&lt;option value="2"&gt;Chicken&lt;/option&gt;
&lt;option value="3"&gt;Meat&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>jQuery CODE:</p>

<pre><code>$(document).ready(function () {
    $("select#goyale option[value='&lt;?php echo $row['goyale']; ?&gt;']").attr("selected", "selected");
});
</code></pre>

<p>Whenever i inspect element on chrome, it displays the option as <code>&lt;option value="3" selected="selected"&gt;Meat&lt;/option&gt;</code> but the option doesn't appear selected on naked eye display.</p>

<p>Thanks.</p>
