# Build a Wikipedia Viewer: why update page

**URL:** <https://forum.freecodecamp.org/t/build-a-wikipedia-viewer-why-update-page/165582>\
**Category:** General\
**Created:** [December 27, 2017, 3:58pm UTC](https://forum.freecodecamp.org/t/build-a-wikipedia-viewer-why-update-page/165582 "2017-12-27T15:58:31Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![moiralahes](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/moiralahes/32/74403_2.png) [@moiralahes](https://forum.freecodecamp.org/u/moiralahes)\
**Post date:** [December 27, 2017, 3:58pm UTC](https://forum.freecodecamp.org/t/build-a-wikipedia-viewer-why-update-page/165582/1 "2017-12-27T15:58:31Z")

</div>

Hi everyone!  
I have stuck.  
In the console, I get a json object, but any changes doesn’t add to html .  
I think, this is because my page update after click button “Find”.  
How to fix it? Try Ajax?  
I will be grateful for the help, the link to the project:

[link](https://codepen.io/moiralahes/pen/rpjwpq?editors=0011)

---

<div class="post-metadata">

**Author:** ![camperextraordinaire](https://avatars.discourse-cdn.com/v4/letter/c/5f9b8f/32.png) [@camperextraordinaire](https://forum.freecodecamp.org/u/camperextraordinaire)\
**Post date:** [December 27, 2017, 4:21pm UTC](https://forum.freecodecamp.org/t/build-a-wikipedia-viewer-why-update-page/165582/2 "2017-12-27T16:21:00Z")

</div>

You need to prevent the form from submitting. When the form submits it refreshes the page.

**Change:**

```auto
$('input[type="submit"]').click(function() {
    var text = $('input[type="search"]').val(),

```

**to:**

```auto
$('input[type="submit"]').click(function(event) { // note the event argument added
    event.preventDefault();
    var text = $('input[type="search"]').val(),

```

---

<div class="post-metadata">

**Author:** ![moiralahes](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/moiralahes/32/74403_2.png) [@moiralahes](https://forum.freecodecamp.org/u/moiralahes)\
**Post date:** [December 27, 2017, 4:25pm UTC](https://forum.freecodecamp.org/t/build-a-wikipedia-viewer-why-update-page/165582/3 "2017-12-27T16:25:34Z")

</div>

it `s Magic. Thank you!  
I trying so much variant…  
I’ll go read the documentation for event.preventDefault ();

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 16, 2021, 5:13pm UTC](https://forum.freecodecamp.org/t/build-a-wikipedia-viewer-why-update-page/165582/5 "2021-01-16T17:13:16Z")

</div>