Remove elements and reload page

I have a list of search results. The user selects the search results they wish to keep by ticking the checkbox. Once they have finished selecting they click "View Chosen Selection" and the page is reloaded with just their selection.

What is the best way of doing this? I am think jQuery remove() but I'm not sure how to reload the page.The page reload is a must because it will be made into a PDF.

<ul>
    <li class="property-list">
        <input type="checkbox" class="category1"></input>
        <div>content</div>
    </li>
    <li class="property-list">
        <input type="checkbox" class="category1"></input>
        <div>content</div>
    </li>
    <li class="property-list">
        <input type="checkbox" class="category1"></input>
        <div>content</div>
    </li>
    <li class="property-list">
        <input type="checkbox" class="category1"></input>
        <div>content</div>
    </li>
</ul>
<button>View Chosen Selection</button>