刷新时输入按钮更改，仅在一种形式下工作

Question

我有一个输入按钮，按下时会执行某项功能。首次加载页面时，该按钮看起来像第一个图像 - 黄色按钮。当看起来像这样时，按下按钮没有任何反应。

当我刷新页面几次时，它会变成第二个图像，其中按钮看起来是银色的。这一次，当我按下按钮;有用。

请注意，这2张图片之间的代码没有变化。我不明白两件事。 1是按钮图像改变的原因。 2为什么按钮在黄色时不起作用？请告诉我有什么问题因为我希望最终的输出是一个有效的黄色按钮。感谢。

Image1

图像2

输入声明如下：

$.getJSON("http://s.mx/public/user/listunpaidbills/",function(data){
        //Loop for each element on the data
        $.each(data,function(elem){
            var wrap = $("<div/>").attr('data-role', 'collapsible');
            identity.push(data[elem].id); 
            //Create the h1 and the other elements appending them to bills List
            $("<h1/>",{
                text:data[elem].reference
            }).appendTo(wrap);   
            $("<p/>",{
                text:"Account: "+ data[elem].account
            }).appendTo(wrap);        
            $("<p/>",{
                text:"Amount: "+ data[elem].amount
            }).appendTo(wrap);
            $("<p/>",{
                text:"ID: "+ data[elem].id
            }).appendTo(wrap);

            $("<input type='submit' value='Paid' class='myinput'>",{//input declared here
                text:"Paid"
            }).data('identityindex',count).appendTo(wrap);  


            wrap.appendTo('#unpaidList');    
            count++;         
        })//end of for each loop 
        $( "#unpaidList" ).collapsibleset( "refresh" );
});

$(".myinput").click(function(){  
            var $this = $(this);          
            var index = $this.data('identityindex'); //undefined.  
            $.getJSON("http://s.mx/public/user/confirmbill/", {
                id: identity[index] 
                }, function(data) {
                    alert(data.status); 
                }).fail(function() {
                    alert("error");
            });
        });
    });