Question

(the input value is filled with ‘a’ ‘links’ but after the links are generated (inside another div ) thei do no act on hover)
i have this:

<a href="#">This works</a><br><br>

<input class="input" type="text" style="width:400px;" value=" <a href='#'>This works...NOT</a> "/><br>
<div id="test"></div>

and this jquery:

$('a').hover(function() {
    $(this).css('color', '#f00');
},function(){
    $(this).css('color', '#000');
});

$(".input").bind('keyup', function() {
    $('#test').html(this.value);
});

i tried wit bind and live, but the link created inside a input and copyed to a div – no changes color on hover. Please help

Answer 1

Add this jquery:

$('a').live("mouseover mouseout", function(event) {
  if ( event.type == "mouseover" ) {
    $(this).css('color', '#f00');
  } else {
    $(this).css('color', '#000');
  }
});