jquery class in anchor tag using javascript isn’t working

HI…

I used the following jQuery in my application

[CODE]
$(document).ready(function(){

$(“.example7”).colorbox({
width:”50%”, height:”65%”, iframe:true
});

});
[/CODE]

Now my requirement is…
I have to set this to a button but through javascript..

so…
in javascript i used this as

[CODE]
function Test1(){
str=”<a href=’./home.jsp’ class=’example7′ ><input type=’button’ value=’Test’ onclick=’Test()’></a>”
document.getElementById(“div1”).innerHTML=str;
}
[/CODE]

This function is called on click of another button…

My form is…

[CODE]

<form name=”form” >
<input type=’button’ value=’Test1′ onclick=’Test1()’>
</form>
<form name=”form1″>
<div id=”div1″>
</div>
</form>
[/CODE]

so… when i clicked this Test1 button Test button appears and the given jsp page should be shown in a colorbox(similar to Modal dialog)

Also in #JavaScript _↴