Connect two elements / draw a path between two elements with SVG path (using jQuery)

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Connect divs with SVG</title>
  <link rel="stylesheet" type="text/css" href="style.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
<div id="svgContainer" style="margin: 50px 50px;">
    <svg id="svg1" width="0" height="0" >
        <path
            id="path1"
            d="M0 0"         
            stroke="#000" 
            fill="none" 
            stroke-width="12px";/>
         <path
            id="path2"
            d="M0 0"             
            stroke="#000" 
            fill="none" 
            stroke-width="12px";/>
         <path
            id="path3"
            d="M0 0"      
            stroke-width="8px"
            style="stroke:#000; fill:none;"/>
          <path
            id="path4"
            d="M0 0"    
            stroke-width="12px"         
            style="stroke:#000; fill:none;  stroke-width: 12px;" />
          <path
            id="path5"
            d="M0 0"    
            stroke-width="10px"         
            style="stroke:#000; fill:none;"/>
          <path
            id="path6"
            d="M0 0"    
            stroke-width="10px"         
            style="stroke:#000; fill:none;"/>
    </svg>
</div>

Modified http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js to a secure url

https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js