Need help

Need help

Hi I have the following piece of code and am not sure why some of it isn't working.  The gist of the problem is that I have a function I am calling in the document.ready method.  The function being called modifies some dom elements and trys to bind the change and click events to another dom object.  The dom manipulation happens just fine, but the change and click events do not work...am unsure what I am doing wrong?

M

$j(document).ready(function() {   
    //Calls function to capture/preserve history in the comments section
    createCommentHistory("act_progress");  
});

function createCommentHistory(field) {
        commentHistory(field);
   
            // Create new textarea for comments, and hide old comments textarea
            $j("#"+field).hide().parent().prepend("<textarea rows='3' cols='70' id='"+field+"_history' wrap='hard'/>");
            $j("#"+field).click(function(){
               alert("you clicked me");
                        }
                    });
                }
            }).change(function(){
               alert("you changed something");
               
            });
}