GridStackJs attributes not working in Ember.js

I am applying data-gs-x="0" data-gs-y="0" data-gs-width="4" data-gs-height="3" attributes of GridStackJS in html page of my Ember.Js project but it is not working.

<div class="grid-stack-item ui-draggable ui-resizable ui-resizable-autohide" data-gs-x="0" data-gs-y="0" data-gs-width="4" data-gs-height="3">

I have used js files and css files of GridStack and it is loading properly. On moving any element i dragging properly but on loosing mouse control is coming back to its original position. I think it is because of it is not able to detect is position which is achievable using data-gs-xx attributes.