jquery - 仅显示设置的值

Question

我有以下脚本运行良好。对两个字段进行一些计算并显示在第三个字段中。

     $(function() {
     $(document).on('change', 'td.evaluation select', function() {
        var gap = parseInt($(this).find(':selected').val())- parseInt($(this).parents('tr').find('td.mefly').text()) ;

        $(this).parents('tr').find('td.gap input:text').val(gap);
        if(gap<0){
         $(this).parents('tr').find('td.gap input:text').css('background-color','red');
        }else  $(this).parents('tr').find('td.gap input:text').css('background-color','#3CB371');

     });
  });

现在我想添加一个脚本来在页面加载时运行脚本，其中包含之前存储的值。但它使结果保持空白。这是我尝试过的：

        $(document).ready(function(){

            var gap = parseInt($("td.evaluation select").find(':selected').val())- parseInt($("td.evaluation select").parents('tr').find('td.mefly').text()) ;

            $("td.evaluation select").parents('tr').find('td.gap input:text').val(gap);
            if(gap<0){
                $("td.evaluation select").parents('tr').find('td.gap input:text').css('background-color','red');
            }else  $("td.evaluation select").parents('tr').find('td.gap input:text').css('background-color','#3CB371');

        }

    )};

我做错了什么？