jquery - jQuery UIモーダルで無効になっているチェックボックスのステータス

Question

モーダル ウィンドウに表示されるフォームで 2 つのチェックボックスをオンにする必要があります。問題は、モーダルが表示された場合、チェックボックスのステータスがチェックされているのに (JS で確認済み)、チェックボックスが (視覚的に) チェックされていないことです。

（モーダルを開いてチェックボックスがチェックされているかどうかを確認し、警告ウィンドウが開いている間にチェックボックスがチェックされていることを通知しますが、「OK」をクリックするとチェックされたステータスが消えます（視覚的に））

ここに私のフォームがあります：

<div id="dialog_create_news" title="Neue News erstellen">
    <p class="validateTips">Bitte alle Felder ausfüllen!</p>
    <form method="post" id="news_add" action="edit.php?action=news_add" accept-charset="utf-8">
        <table>
            <tr>
                <td>Newsletter:</td>
                <td><input type="checkbox" name="newsletter_news" class="news_newsletter" value="1" /></td>
            </tr>
            <tr>
                <td>Kommentare:</td>
                <td><input type="checkbox" name="comments_news" class="news_comments" value="1" /></td>
            </tr>
            <tr class="press_title">
                <td>Titel:</td>
                <td><input type="text" id="title_news" name="title_news" /></td>
            </tr>
            <tr class="press_text">
                <td></td>
                <td><textarea cols="50" rows="15" name="content_news" id="content_news"></textarea></td>
            </tr>
        </table>
        <input type="hidden" name="news_submit" value="true" />​​​​​​​​​​​​​​​​​
    </form>
</div>

これは私のJSです：

$("#add_news").button().click(function() {
    $( "#dialog_create_news" ).dialog( "open" );
    //Set checkboxes 'checked'  
    if ($("#dialog_create_news").dialog( "isOpen" ) === true) {
        $('.news_comments').prop('checked', true);
        $('.news_newsletter').prop('checked', true);
    }
    //Check if checkboxes are checked
    if( $('.news_comments').prop('checked')){
        alert('checked');
    }
    clear_form_elements('#news_add');
});

私は使っている：

<script type="text/javascript" src="js/jQuery_1_7_1.min.js"></script>
<script type="text/javascript" src="js/jQuery_ui_1.8.17.custom.min.js"></script>