Untitled

<html>
<head>
    <meta title="TITLE">
    <link rel="stylesheet" href="css/style.css" type="text/css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

    <script>
        $(document).ready(function(){
              $("#main").load('file.html');
         });
    </script>
    <style>

    </style>

</head>
<body>

        <div id="main">
           <div id="PlaceSubNaviOne"></div>
           <div id="PlaceSubNaviTwo"></div>
        </div>
</body>

<div id="subnavione">
<ul>
    <li>CITY1</li>
    <li>CITY1</li>
    <li>CITY1</li>
    <li>CITY1</li>
    <li>CITY1</li>
    <li>CITY1</li>
    <li>CITY1</li>
    <li>CITY1</li>
    <li>CITY1</li>
</ul>

<div id="subnavitwo">
<ul>
    <li>CITY2</li>
    <li>CITY2</li>
    <li>CITY2</li>
    <li>CITY2</li>
    <li>CITY2</li>
    <li>CITY2</li>
    <li>CITY2</li>
    <li>CITY2</li>
    <li>CITY2</li>
</ul>

$(document).ready(function(){
  $.get( "file.html", function( data ) {
      $( "#PlaceSubNaviOne" ).html( $(data).find('#subnavione') );
      $( "#PlaceSubNaviTwo" ).html( $(data).find('#subnavitwo') );
  });
});