asp.net-mvc - jquery ajax: フォームから選択した値を送信する

Question

このようなフォームがあり、class="noDisplay"を除くすべての値をこのフォームに送信する必要があります。それをコントローラーに渡し、値を"pd-price"に更新します。フォームを送信するために noDisplay 値を無視する方法が見つからないというだけで、すべて正常に動作します。

     <div class="cart">
                        <strong>
                            <span class="pd-price">80.407.000đ</span>
                        </strong>

       </div>     


  <form method="post" id="product-details-form" action="xxx">
        <ul>
     <li class="showImg-target noDisplay">
        <input type="radio"  name="product_attribute_46_3_113"> [+3.870.000]
     </li>
     <li class="showImgtarget">
<input type="radio" name="product_attribute_46_4_113">[+1.000.000]</li>

   <li  class="showImgtarget noDisplay">
<input type="radio"  name="product_attribute_46_5_113">[-1.500.000]</li>
    <li  class="showImgtarget noDisplay">
<input type="radio"  name="product_attribute_46_6_113"></li>

                            ..... a lot more 

                                   </ul>
                        </form>


 <script type="text/javascript">
      $(function () {
         updateStatus();
         $('*[name^=product_attribute]').change(function () {
         updateStatus();
         });

       function updateStatus() {
         $.ajax({
                  cache: false,
                  url: '/Catalog/UpdateProductStatus',
                  data: $('#product-details-form').serialize(),
                 type: 'post',
                 success: function (data) {
                 $('.summary-info').html(data.View);
                 $('.pd-price').html(data.Price);
                  $('.powered-icon').replaceWith(data.Pictures);
                        }
                                            });
                                        }
                                    });
                                </script>