Question: I have this code

```
<div></div>
<form>
<input type="text" name="abc">
<input type="submit" value="send">
</form>

$('form').on('submit', function(){
   $.post('process.php', $(this).serialize(), function(data) {
    $('div').html(data);
   });
   return false;
});

```

Everything works but after submit value that I filled into input is gone and it's empty..Where can be problem?

Answer: 
In Chrome 62+ you can use [`queryObjects` from the console API](https://developers.google.com/web/tools/chrome-devtools/console/utilities#queryObjects) - which will **not work** in native JavaScript code but in the console so it's **great for debugging**.

```
class TestClass {};
const x = new TestClass();
const y = new TestClass();
const z = new TestClass();
queryObjects(TestClass)

```
Keyword 'static' could be used in classes now (but check support), ...

<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/static>

```js
class Point{
    constructor(x, y){
        this.x = x;
        this.y = y;
        Point.all.push(this);
    }
    destroy(){
        let i = Point.all.indexOf(this);
        Point.all.splice(i, 1);
    }
    static all = [];
}

var p1 = new Point(1, 2);
var p2 = new Point(54, 33);
var p3 = new Point(297, 994);

console.log(JSON.stringify(Point.all)); //[{"x":1,"y":2},{"x":54,"y":33},{"x":297,"y":994}]

p2.destroy();
console.log(JSON.stringify(Point.all)); //[{"x":1,"y":2},{"x":297,"y":994}]
```