bubbleBox | simple jQuery UI widget to manage a list of items | Frontend Framework library

The main problem: I want a inputfield to change its width based on what the user types in. This is solved. The problem comes when appending the same code several times using the onKeyPress-event with javascript append.

The first picture here shows how the code looks like before the user appends it. The inputfield is changing it's width based on the user input successfully:

The second picture here shows how the same code looks like in the "append"-function before executing:

The third picture shows how the append should look like (the code at the top) to work, while the code below shows how the code looks like after being executed by append. It seems like the 'px';'> is missing out every time it gets appended and the input width change does not work:

The fourth picture shows where all the "bubbles" end up when being appended:

So the question is, how can i get the appended code to act like in the first picture? Right now it's just adding the inputfields/boxes while not changing it's width when the user enters text.

Edit: the code: