вывод данных form data

    <pre><form id="theForm" action="cpa.php" method="POST">
                     <input type="radio" name="r1" value="1">Визиты<br>
                     <input type="radio" name="r1" value="2">Заявки<br>
                     <input type="radio" name="r1" value="3">Договора<br>
                     <input type="radio" name="r1" value="4">Контрольные оплаты<br>
                     <button type="submit">Проверить, какой из элементов выбран</button>
                         </form> </pre>
                        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
                        
                        <script type="text/javascript">
                           $("#theForm").submit(function(e) {
    
      e.preventDefault(); 

  var form = $(this);
  var url = form.attr('action');

  $.ajax({
    type: "POST",
    url: url,
    data: form.serialize(), 
    success: function(data) {
      
    },
    error: function(xhr, status, error) {
      
    }
  });


});

как вытащить значение с form data ? пытаюсь так if ($_POST['r1'] == 1) не получается