jQuery, wont change value but will change other attributes
<pre><code>function send_mail( token, loader ) {
 $(".send_mail").bind( "click", function() {
  try{
   var to = $(this).attr('ref');
   var mail_form = $("#mail_form");
   mail_form.find("li:eq(0) input").val("sdsds");
   //mail_form.find("li:eq(0) input").attr("ref", "sdsds");
   //mail_form.find("li:eq(0) input").attr("value", "sdsds");
   $.fancybox(mail_form.html(), { 'autoDimensions' : false, 'width' : 360, 'height' : 200, 'transitionIn' : 'none', 'transitionOut' : 'none', 'scrolling' : 'no', 'showCloseButton' : false });
   return false;
  }catch(err){alert(err);}
 });
}
</code></pre>

<p>My problem being that the above will not work yet if I use</p>

<pre><code>//mail_form.find("li:eq(0) input").attr("ref", "sdsds");
</code></pre>

<p>it will change the ref and even</p>

<pre><code>//mail_form.find("li:eq(0) input").attr("value", "sdsds");
</code></pre>

<p>will not work...</p>

<p>Any ideas whats happening here?</p>
