Fix a bug where if the contents change then it didnt update the UI

[PhilAndrew]

This pull request solves this problem.

You should use a MutationObserver
https://developer.mozilla.org/en/docs/Web/API/MutationObserver

If the contents of the web component changes, for example the

        <li value="1" selected>Item 1</li>
        <li value="2">Item 2</li>
        <li value="3" selected>Item 3</li>
        <li value="4">Item 4</li>

If I used Javascript to change the contents of this to

        <li value="1" selected>Item 1</li>
        <li value="2">Item 2</li>

Then it should update the displayed data again. So if I use javascript to change the contents then it should update again.

[tabalinas]

Could this be removed?

[tabalinas]

I believe, init block should be extracted to avoid DRY violation. This will also allow us to get rid of _this variable.

[tabalinas]

@PhilAndrew, thank you for the contribution!
Could you please address a couple of comments?