Data option change isn't picked by jquery
<p>I've got div like this :</p>

<pre><code>&lt;div id="something-1" data-options='{"pause":"YES","delete":"NO", "kill":"NO"}'&gt;&lt;/div&gt;
</code></pre>

<p>What I got going on is some ajax request and changes the data options like this :</p>

<pre><code>$('#something-1' + item.id).attr("data-options", '{"pause":"YES","delete":"YES", "kill":"NO"}');
</code></pre>

<p>When I inspect with firebug I can see changed data options in html.</p>

<p>Then I have this "test" function which I trigger from firebug to see if the data has changed after the ajax update :</p>

<pre><code>(function() {
        window.checkChanges = checkChanges;
        function checkChanges(id) {
        var dataOptions = $("#" + id).data('options');

        for(var index in dataOptions) {
            console.log(index,dataOptions[index]);
        };
        }
    })();
</code></pre>

<p>But for some reason data options are the same before and after ajax request. I would need to somehow incorporate live function into this? or something else, but I don't have idea what? any suggestions?</p>

<p><strong>Edit</strong></p>

<p>Ajax requests changes delete to <code>YES</code></p>
