I'm trying to set a title to my popover object on my local project. I've already included these :

* bootstrap.css v4.2.1
* jquery.min.js v2.2.0
* bootstrap.min.js v4.2.1
* popper.min.js v1.11.0

I had a simple button

```
<i id="Dualstack-Pvt" class="fa fa-info-circle float-right" data-toggle="popover" data-content=""></i>

```

When I click on that `i`, I want to set the `title` + `content` *dynamically*

so I did these :

```
console.log("title = ", response.name); // it is working 

$('.fa-info-circle#'+objectName).attr("title", response.name);
$('.fa-info-circle#'+objectName).attr('data-content',JSON.stringify(response));

```

---

Result
======

`title` seems to be dynamically added to the DOM.

But the popover seems to have a hard time rendering it correctly.

![](https://i.imgur.com/jA2O0qo.png)