How do I render a partial view with http post

See more:

C#

ASP.NET

Javascript

jQuery

Razor

, +

I am tring to show some tables from db selected by company id
on ddl change I a jquery post to the controller that rendering a partial view and allthough, the data is entering the loops the html is not rendered.
when I put a number in the partilal view directly I get the tables html.

this is the 'event':

$("#CompniesList").on('change', function () {
     var id = $("#CompniesList option:selected").val();
     var jsonData = { companyId: id };


     $.post('/CompanyReceapts/GetReceapts/',
          jsonData,
          function (response) {
              if (parseInt(id) > 0) {
                  $('.tblReceapt').show();
              }}
          );

     });

this is the controller:

[HttpPost]
    public PartialViewResult GetReceapts(string companyId)
    {
        int id;
        int.TryParse(companyId, out id);
        var companies = new ReceaptsApp.Models.ReceaptModel.Companies();

    //    ViewData["CompanyList"] = new SelectList(companies.CompaniesList, "Value", "Text");

     //   ViewBag.CompanyId = id;
        var receaptListCompany = new ReceaptsListForCompany_VM
        {
            CompanyName = companies.CompaniesList.SingleOrDefault(x => x.Value == id.ToString()).Text,
            CompanyId = id,
        };
        receaptListCompany.Receapts = receaptListCompany.GetReceaptsForCompany(id);
        return PartialView("ViewReceapt", receaptListCompany);
    }

and this is the partial view

@using ReceaptsApp.ViewModels
@model ReceaptsApp.ViewModels.ReceaptsListForCompany_VM
<script src="../../Scripts/angular.min.js"></script>

@{
    int id = Model.CompanyId;
    List<CompanyReceapt> receaptList = Model.Receapts;//this equals to //Model.GetReceaptsForCompany(id)
//  List<CompanyReceapt> receaptList = Model.GetReceaptsForCompany(1); //when I try //this I do get the tables
 
    }

@if (receaptList != null) {
    foreach (var receapt in Model.Receapts)
    {
         <table class="tblReceapt" style="display: block">
             <tr>
                 <td>Receapt No.</td>
                 <td>@receapt.ReceaptId</td>
                 <td></td>
                 <td>Date</td>
                 <td>@receapt.Date</td>
             </tr>
             <tr>
                 <td>Job </td>
                 <td>hours</td>
                 <td>hourly price</td>
                 <td>comments</td>
                 <td>sum</td>
             </tr>

             @foreach (var item in receapt.Content) {
                 <tr>
                     <td>@item.JobEssence</td>
                     <td>@item.Hours</td>
                     <td>@item.HuorlyPrice</td>
                     <td>@item.Comments</td>
                     <td>@(item.Hours*item.HuorlyPrice)</td>
                     <td></td>
                 </tr>
             }
    
         </table>
     }
}

What I have tried:

I tryed viewbag instead of model but got the same result.
thank you all in advance