I know that there are other ways of grabbing radio button values, but I want to know how to do this with .find().

I only want to log the value of the selected radio button, so it requires finding by two conditions at the same time:

The button with name=area

The button with selected=selected

<div class="radio">
  <label>
    <input class="track-order-change" type="radio" name="area" id="area1" value="area1" checked="checked">
    Area 1
  </label>
</div>
<div class="radio">
  <label>
    <input class="track-order-change" type="radio" name="area" id="area2" value="area2">
    Area 2
  </label>
</div>
<div class="radio">
  <label>
    <input class="track-order-change" type="radio" name="area" id="area3" value="area3">
    Area 3
  </label>
</div>

When anything with the class track-order-change changes, it will run the function UpdateOrderSubmission.

$('.track-order-change').on('change', function() { updateOrderSubmission() });

I want the updateOrderSubmission function to console log the value of the radio button that is selected.

   var updateOrderSubmission = function() {
     var orderSubmission = {
       area: $('#submit-initial-form').find('[name=area],[checked=checked]').this.val()
     }
     console.log(orderSubmission)
   };

The code above doesn't work. How do I grab the value of the selected radio button? I need to do .find() with two conditions (name and checked), not just one condition.