Append to a div using jquery

Question

I'm trying to add content to a div every time a link is clicked. However, the added text dissapears immediately after being added. What am I doing wrong?

 <html>                                                                  
 <head>                                                                  
 <script type="text/javascript" src="/files/jquery.js"></script>          
 <script type="text/javascript">                                         
     $(document).ready(function() {
      $("a").click(function() {
      $("#questions").prepend("A question<br />"); 
      });   
});

</script>                                                               
</head>                                                                 
<body>                                                                  
 <a href="">Add</a>
   <p id = "questions"> </div>
   </body>                                                                 
   </html>

Magnar · Accepted Answer · 2009-11-29 12:52:25Z

6

Add return false; to your click-event, to prevent it from reloading the page.

answered Nov 29, 2009 at 12:52

Magnar

28.9k8 gold badges62 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

o.k.w · Accepted Answer · 2009-11-29 12:52:10Z

5

<a href="#">Add</a>

You need to have something in your "href", else it'll go navigate to the same page (at least for Firefox).

answered Nov 29, 2009 at 12:52

o.k.w

25.9k6 gold badges68 silver badges64 bronze badges

1 Comment

Luke Duddridge Over a year ago

true, Firefox does that. IE navigates to the root of site / directory you are in.

Luke Duddridge · Accepted Answer · 2009-11-29 13:05:19Z

2

I agree with O.K.W

also putting return false; or passing through a variable to represent the control on the function and performing preventDefault will stop the natural click event.

function(e){
e.preventDefault();
}

answered Nov 29, 2009 at 13:05

Luke Duddridge

4,34739 silver badges52 bronze badges

Collectives™ on Stack Overflow

Append to a div using jquery

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related