Any of the jQuery Line plugins not working

Any of the jQuery Line plugins not working

Any one can please help me,

I am trying to use jquery line plugins, I tried all the plugins but unable to draw line using those plugins,

Not throwing any error too, but line is not visible on the screen.

While debugging it got stucked at the line of code used to draw the line.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="~/Scripts/jqSimpleConnect.min.js"></script>


<div style="position:relative; height: 110px;">


<div id="div_e" class="node1" style="position:absolute; top:5px; left:5px; border:1px solid black; background-color:white; padding:5px;">Div E</div>


<div id="div_f" class="node2" style="position:absolute; top:75px; left:150px; border:1px solid black; background-color:white; padding:5px;">Div F</div>


<div id="div_g" style="position:absolute; top:5px; left:250px; border:1px solid black; background-color:white; padding:5px;">Div G</div>


<div id="div_h" style="position:absolute; top:75px; left:400px; border:1px solid black; background-color:white; padding:5px;">Div H</div>


</div>


<script type="text/javascript">


debugger;


jqSimpleConnect.connect("#div_e", "#div_f", { radius: 8, color: 'green'});


jqSimpleConnect.connect("#div_g", "#div_h", { radius: 8, color: 'darkcyan', anchorA: 'vertical', anchorB: 'horizontal' });


</script>