JQuery Formatting Issue

Question

I can't get this to work for the life of me. The URL concat messes up. The answer doesn't seem obvious...

function(data){
$('#dataDisplay').prepend("<img src='http://url"+data+"moreurl' />").fadeIn("slow");
});

Firebug throws missing end argument errors.

Answer 1

function xx(data){
$('#dataDisplay').prepend("<img src='http://url"+data+"moreurl' alt='' />").fadeIn("slow");
});

you should name your function as XX for example and i think you must add the ALT attribute

Answer 2

Try string replacement using a placeholder instead and stop worrying about escaping.

var img = '<img src="http://url{data}moreurl" />';
img = img.replace("{data}", data);
$('#dataDisplay').prepend(img).fadeIn('slow');