setting interactive content to div
I am trying to set content for a div. Here is my code:
- $( "#prodsAutoSuggest" ).keypress(function() {
var prodID = $('#prodsAutoSuggest').val();
// Search process for the product
$.ajax({ url: 'process.php',
data: { productID : prodID},
type: 'post',
success: function(output) {
if(output){
$( "div.prodContent" ).slideDown( "slow", function() {
$( "div.prodContent" ).css("display","inline");
$( "div.prodContent" ).html(output);
});
}
}
});
});
And process.php will return something like this:
- echo $name . " [<a href='#' rel='modal-profile' id='".$prodID."' class='product_quickview'>QUICKVIEW</a>]" . "";
When I click on the link, a window should pop up. It does not work. It works for all other elements with this same structure on the page though. Is there something different about this line of html that is inserted into the page?