jquery - jQuery - ネストされた要素をターゲットにする方法は?

Question

jquery で ID をターゲットにしようとしています。残念ながら、それらは div の奥深くにネストされており、私の jquery は機能しません。例として、どのようにターゲティングしますか:

id="beds"

内部

<div id="content">
  <div class="page">
    <form>
        <select class="customSelect_beds" id="beds">

jQuery

$(document).ready(function () {

$('#beds').change(multiply);
$('#baths').change(multiply);
$('#frequency').change(multiply);

function multiply() {
    var beds = parseFloat($('#beds').val()),
        baths = parseFloat($('#baths').val()),
        baselight = 54,
        bedmodlight = (beds * 12),
        bathmodlight = (baths * 6),
        basereg = 54,
        bedmodreg = (beds * 18),
        bathmodreg = (baths * 12),
        basedeep = 72,
        bedmoddeep = (beds * 24),
        bathmoddeep = (baths * 18),
        discount = $('#frequency').val(),
        light_cleaning = Math.ceil((baselight + bedmodlight + bathmodlight) * discount),
        regular_cleaning = Math.ceil((basereg + bedmodreg + bathmodreg) * discount),
        deep_cleaning = Math.ceil((basedeep + bedmoddeep + bathmoddeep) * discount);

    $('#total_light').text((light_cleaning) || "--");
    $('#total_regular').text((regular_cleaning) || "--");
    $('#total_deep').text((deep_cleaning) || "--");
};

}); この情報はどこにも見つからないようです（まだ探していますが）。任意のヒント？

編集 - コードが追加され、スペースのために切り捨てられました。

Answer 1

これを試して ：

$('#content').find('#beds');