i would like to load a div from a page in my page with jquery

Here is a [Jsfiddle](https://jsfiddle.net/kodjoe/y5pfm4ay/) but it doesn't work, what is wrong in my code ?

In my example I'm using

```
$('.namebook1origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook1'));

```

but in my page I'm using

```
$('.namebook1origin').load($('update.html #namebook1'));

```

Here is a live example

```js
$('.namebook1origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook1'));
$('.namebook2origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook2'));
$('.namebook3origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook3'));
$('.namebook4origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook4'));
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="namebook1origin">.</span><br/>

<span class="namebook2origin">.</span><br/>

<span class="namebook3origin">.</span><br/> 

<span class="namebook4origin">.</span><br/>
```